diff --git a/Ex2_Selector and style/2-6/default.html b/Ex2_Selector and style/2-6/default.html
new file mode 100644
index 0000000..7b41eb6
--- /dev/null
+++ b/Ex2_Selector and style/2-6/default.html	
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8"/>
+    <meta name="viewport" content="width=device-width"/>
+    <style>
+        a:link {
+            color: red;
+            text-decoration: none;
+        }
+
+        a:visited {
+            color: yellow;
+        }
+
+        a:hover {
+            color: orange;
+            text-decoration: none;
+        }
+
+        a:active {
+            background-color: green;
+            text-decoration: underline;
+        }
+    </style>
+</head>
+<body>
+    <h2>Hyper link attributes</h2>
+    <a href="https://www.naver.com">네이버</a>
+    <hr>
+    <a href="https://www.google.com">구글</a>
+</body>
+</html>
\ No newline at end of file
diff --git a/Ex3_Box model and positioning/3-1/default.html b/Ex3_Box model and positioning/3-1/default.html
new file mode 100644
index 0000000..8d61a53
--- /dev/null
+++ b/Ex3_Box model and positioning/3-1/default.html	
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8"/>
+    <meta name="viewport" content="width=device-width"/>
+    <style>
+        #text1 {
+            font-size: 1em;
+        }
+
+        #text2 {
+            font-size: 2em;
+        }
+
+        #text3 {
+            font-size: 1rem;
+        }
+
+        #text4 {
+            font-size: 2rem;
+        }
+
+        #text5 {
+            font-size: 30px;
+        }
+
+        body {
+            font-size: 20px;
+        }
+    </style>
+</head>
+<body>
+    <p>Basic text size: body 20px</p>
+    <p id="text5">30px</p>
+    <hr>
+    <p id="text1">1em</p>
+    <p id="text2">2em</p>
+    <hr>
+    <p id="text3">1rem</p>
+    <p id="text4">2rem</p>
+</body>
+</html>
\ No newline at end of file
