diff --git a/index.html b/index.html
index e69de29..c501a75 100644
--- a/index.html
+++ b/index.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <title>Ejercicios</title>
+        <link rel="stylesheet" href="main.css" rel="stylesheet">
+        <link href="https://fonts.googleapis.com/css2?family=Tourney:wght@100&display=swap" rel="stylesheet">        
+    </head>
+    <body>
+        <h1 id="h1">Etiqueta de H1</h1>
+        <h2 id="h2">Etiqueta de encabezado H2</h2>
+        <h3 id="h3">Etiqueta de encabezado H3</h3>
+        <p>Etiqueta de parrafo</p>
+        <p>Etiqueta de parrafo</p>
+        <div style="border-width: 7px; border-style: dotted;"> 
+            <p>Etiqueta de parrafo</p>
+            <p>Etiqueta de parrafo</p>
+        </div>
+        <hr/>
+        <p id=h2Altura>Etiqueta de encabezado H2 </p>  
+        <p id=h2Ancho>Etiqueta de encabezado H2 </p>   
+        <p id=h3Relleno>Etiqueta de encabezado H3 </p> 
+        <p id=h3Center>Etiqueta de encabezado H3</p>  
+        
+
+
+    </body>
+</html>
\ No newline at end of file
diff --git a/main.css b/main.css
new file mode 100644
index 0000000..707d08f
--- /dev/null
+++ b/main.css
@@ -0,0 +1,30 @@
+p{
+    color: red;
+}
+#h2{
+    background-color:royalblue;
+}
+#h3{
+    color: red;    
+}
+#h1{
+    color: yellow;
+    background-image: url(https://www.xtrafondos.com/wallpapers/ori-and-the-will-of-the-wisps-4898.jpg);
+}
+#bordePun{
+    border-style: dotted;
+}
+#h2Altura{
+    border-width: 100px;
+}
+#h2Ancho{
+    border-width: 50%;
+}
+#h3Relleno{
+    padding: 30px;
+}
+#h3Center{
+        margin-left: auto;
+        margin-right: auto;
+        width: 12em
+}
\ No newline at end of file
