HTML part

ptyadana · ptyadana · commit a883c59f1b00 · 2020-04-13T22:56:02.000+08:00
diff --git a/04.HTML Overview/Section 4 - CSS and JavaScript.html b/04.HTML Overview/Section 4 - CSS and JavaScript.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<title>CSS and JavaScript</title>
+	</head>
+	
+	
+	<body>
+	
+		<p align="center" style="background-color:black;color:red;">
+			Come to the dark side, we have <span id="cookie">cookies!</span>
+		</p>
+		
+		<button onclick="alert('This is your last warning!!! Do NOT Press That Button Again!')">
+			Don't click me!
+		</button>
+		
+		
+		<button onclick="document.getElementById('cookie').style.color='yellow'">
+			Click to highlight the advantages of the Dark side.
+		</button>
+		
+	</body>
+
+
+</html>
diff --git a/04.HTML Overview/Section 4 - CSS style tag.html b/04.HTML Overview/Section 4 - CSS style tag.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<style>
+		h1 {
+		  color: blue;
+		  font-family: verdana;
+		  font-size: 300%;
+		}
+		p  {
+		  color: red;
+		  font-family: courier;
+		  font-size: 160%;
+		}
+		#diff {
+			color: green;
+			border: 1px solid powderblue;
+		}
+		</style>
+	</head>
+	
+	<body>
+		<h1>This is a heading</h1>
+		<p>This is a paragraph.</p>
+		<p id="diff">I am different</p>
+	</body>
+</html>
diff --git a/04.HTML Overview/Section 4 - Character encoding - Euro sign.html b/04.HTML Overview/Section 4 - Character encoding - Euro sign.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<title>Character encoding in HTML</title>
+	</head>
+	
+	<body>
+		
+		<p>This is the Euro sign: &euro; (method 1)</p>
+		<p>This is the Euro sign: &#8364; (method 2)</p>
+		<p>This is the Euro sign: &#x20AC; (method 3)</p>
+		
+	</body>
+
+
+</html>
diff --git a/04.HTML Overview/Section 4 - My First Webpage.html b/04.HTML Overview/Section 4 - My First Webpage.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<title>My First Webpage</title>
+	</head>
+	
+	<body>
+		<p align="center" class="centered">This is not the web page you are looking for. Move along, move along!</p>
+		<button>Don't click me!</button>
+		
+		<a href="https://www.youtube.com/watch?v=D9ioyEvdggk" id="forbidden-riff-1">
+			Click here for high-quality music.
+		</a>
+		
+		<a href="https://www.youtube.com/watch?v=D9ioyEvdggk" target="_blank" id="forbidden-riff-2">
+			Click here for high-quality music in a new tab.
+		</a>
+		
+	</body>
+
+
+</html>
