From 12166fb8904b97bbc2550a675333b1d702d4db7b Mon Sep 17 00:00:00 2001
From: lazaro <lapzdev@gmail.com>
Date: Mon, 17 Aug 2026 23:44:41 -0400
Subject: [PATCH 1/3] cccjf

---
 index .html | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/index .html b/index .html
index 120e339..05d833c 100644
--- a/index .html	
+++ b/index .html	
@@ -189,7 +189,7 @@ <h2 id="audio-video">Audio y video</h2>
 >
 
 </audio><br /><br />
-<video src="Twilight.mp4" height="auto" width="200" preload poster="IMG-20260808-WA0003.jpg"  controls autoplay >
+<video src="Twilight.mp4" height="auto" width="200" preload poster="IMG-20260808-WA0003.jpg"  controls autoplay="yes" >
 </video><br /><br />
 <iframe src="notas-marge.md" frameborder="1" width="250"height="auto"></iframe><br />
 <a href="#inicio">Ir a inicio</a><br />
@@ -265,9 +265,11 @@ <h4>Seleccione el lenguaje de programación</h4>
 
 <input type="radio" name="lenguaje" id="python" value="python" /><br><br>
 <h4>Actividades de preferencia</h4>
-<label >Deportes <input type="checkbox" name="deportes"value="deportes"checked></label><br><br>
-<label >Lectura <input type="checkbox" name="lectura"value="lectura"></label><br><br>
-<label >Juegos <input type="checkbox" name="juegos"value="juegos"></label><br><br>
+<label >Deportes <input type="checkbox" name="preferencia-deportes"value="deportes"checked></label><br><br>
+<label >Lectura <input type="checkbox" name="preferencia-lectura"value="lectura"></label><br><br>
+<label >Juegos <input type="checkbox" name="preferencia-juegos"value="juegos"></label><br><br>
+
+<label >Seleccione términos y condiciones<input type="checkbox" name="terminos" required></label><br><br>
 <input type="submit" name="" id="" value="enviar" /><br>
 <input type="reset" name="" id="" value="cancelar" /><br>
 <br>

From 5b00b8208f504de95ba3c8da0e1b022bdb0c4a6c Mon Sep 17 00:00:00 2001
From: lazaro <lapzdev@gmail.com>
Date: Tue, 18 Aug 2026 01:00:34 -0400
Subject: [PATCH 2/3] cccgk

---
 index .html | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/index .html b/index .html
index 05d833c..518048d 100644
--- a/index .html	
+++ b/index .html	
@@ -273,6 +273,14 @@ <h4>Actividades de preferencia</h4>
 <input type="submit" name="" id="" value="enviar" /><br>
 <input type="reset" name="" id="" value="cancelar" /><br>
 <br>
+</form>
+<h4>Formulario de contactos</h4>
+<form action="https://formsubmit.co/jonmircha@gmail.com" method="post" accept-charset="utf-8">
+ <input type="text" name="usuario" placeholder="Nombre del usuario" id=""pattern="^[A-Za-zÑñÁáÉéÍíÓóÚú\s]+$"title="Ponga el nombre del usuario"required> <br>
+ <br><br> <input type="email" name="correo" placeholder="Ponga el correo" id=""pattern="^(\w[/./-]?){1,}@[a-z]+[\w]{2,}$"title="Ponga el correo" title="correo inválido" required><br><br>
+ <textarea name="comentarios"  rows="8" cols="40"required></textarea><br><br>
+ <input type="submit" value="enviar">
+
 </form>
 <script type="text/javascript" src='prog.js'>
 

From 94bcdca96d66a5f66fa7dde5a912a3e88d075c8c Mon Sep 17 00:00:00 2001
From: lazaro <lapzdev@gmail.com>
Date: Tue, 18 Aug 2026 23:29:33 -0400
Subject: [PATCH 3/3] cccnnf

---
 index .html | 37 ++++++++++++++++++++++++++-----------
 1 file changed, 26 insertions(+), 11 deletions(-)

diff --git a/index .html b/index .html
index 518048d..50ce983 100644
--- a/index .html	
+++ b/index .html	
@@ -5,6 +5,9 @@
 <meta http-equiv="X-UA-Compatible" content="IE=7,8,edge" />
 <link rel="stylesheet" href="style.css" type="text/css" media="all" />
 
+<-- Metaetiquetas para seo --></-->
+<link rel="canonical" href="https://lapzdev.github.io/index.html" title="" type="" />
+
 <title>prueba</title>
 
 </head>
@@ -24,8 +27,8 @@ <h2 id="inicio">Listado del curso</h2>
 <li><a href="#elementos-interactivos">Elementos interactivos</a></li><br />
 <li><a href="#audio-video">Audio y video</a></li><br />
 <li><a href="#formularios">Formularios</a></li><br />
-<li><a href=""></a></li><br />
-<li><a href=""></a></li><br />
+<li><a href="data-atribute">Data atributes</a></li><br />
+<li><a href="meta-seo">Metaetiquetas para SEO</a></li><br />
 <li><a href=""></a></li><br />
 <li><a href=""></a></li><br />
 <li><a href=""></a></li><br />
@@ -189,7 +192,7 @@ <h2 id="audio-video">Audio y video</h2>
 >
 
 </audio><br /><br />
-<video src="Twilight.mp4" height="auto" width="200" preload poster="IMG-20260808-WA0003.jpg"  controls autoplay="yes" >
+<video src="Twilight.mp4" height="auto" width="200" preload poster="IMG-20260808-WA0003.jpg" controls autoplay="yes">
 </video><br /><br />
 <iframe src="notas-marge.md" frameborder="1" width="250"height="auto"></iframe><br />
 <a href="#inicio">Ir a inicio</a><br />
@@ -265,23 +268,35 @@ <h4>Seleccione el lenguaje de programación</h4>
 
 <input type="radio" name="lenguaje" id="python" value="python" /><br><br>
 <h4>Actividades de preferencia</h4>
-<label >Deportes <input type="checkbox" name="preferencia-deportes"value="deportes"checked></label><br><br>
-<label >Lectura <input type="checkbox" name="preferencia-lectura"value="lectura"></label><br><br>
-<label >Juegos <input type="checkbox" name="preferencia-juegos"value="juegos"></label><br><br>
+<label>Deportes <input type="checkbox" name="preferencia-deportes"value="deportes"checked></label><br><br>
+<label>Lectura <input type="checkbox" name="preferencia-lectura"value="lectura"></label><br><br>
+<label>Juegos <input type="checkbox" name="preferencia-juegos"value="juegos"></label><br><br>
 
-<label >Seleccione términos y condiciones<input type="checkbox" name="terminos" required></label><br><br>
+<label>Seleccione términos y condiciones<input type="checkbox" name="terminos" required></label><br><br>
 <input type="submit" name="" id="" value="enviar" /><br>
 <input type="reset" name="" id="" value="cancelar" /><br>
 <br>
 </form>
 <h4>Formulario de contactos</h4>
 <form action="https://formsubmit.co/jonmircha@gmail.com" method="post" accept-charset="utf-8">
- <input type="text" name="usuario" placeholder="Nombre del usuario" id=""pattern="^[A-Za-zÑñÁáÉéÍíÓóÚú\s]+$"title="Ponga el nombre del usuario"required> <br>
- <br><br> <input type="email" name="correo" placeholder="Ponga el correo" id=""pattern="^(\w[/./-]?){1,}@[a-z]+[\w]{2,}$"title="Ponga el correo" title="correo inválido" required><br><br>
- <textarea name="comentarios"  rows="8" cols="40"required></textarea><br><br>
- <input type="submit" value="enviar">
+<input type="text" name="usuario" placeholder="Nombre del usuario" id=""pattern="^[A-Za-zÑñÁáÉéÍíÓóÚú\s]+$"title="Ponga el nombre del usuario"required> <br>
+<br><br> <input type="email" name="correo" placeholder="Ponga el correo" id=""pattern="^(\w[/./-]?){1,}@[a-z]+[\w]{2,}$"title="Ponga el correo" title="correo inválido" required><br><br>
+<textarea name="comentarios" rows="8" cols="40"required></textarea><br><br>
+<input type="submit" value="enviar">
 
 </form>
+<br><br>
+
+<h2 id="data-atribute">Data atribute</h2><br />
+<!--Los Data atributes están concebidos para una forma de enlazar los datos en javascript. el nombre que se les ponga viene precedido por la palabra data. En: data-id, data-name,etc.-->
+<ul>
+<li data-id="1"data-name="spring">Primavera</li>
+<li data-id="2"data-name="summer">Verano</li>
+<li data-id="3"data-name="autumn">Otoño</li>
+<li data-id="4"data-name="winter">Invierno</li>
+
+</ul><br><br>
+<h2 id="meta-seo">Metaetiquetas para seo</h2>
 <script type="text/javascript" src='prog.js'>
 
 </script>