diff --git a/2_HTML5/basicohtml5.html b/2_HTML5/basicohtml5.html
index f126b32..23f88d4 100644
--- a/2_HTML5/basicohtml5.html
+++ b/2_HTML5/basicohtml5.html
@@ -1,90 +1,108 @@
-<!DOCTYPE html> <!-- LÍNEA OBLIGATORIA en los documentos de HTML5 para que los navegadores desplieguen la página en modo estándar de acuerdo con las especificaciones de html y css -->
-<!-- Esto es un comentario "you don't say?" -->
-<!-- newforminputtypes.html -->
-<!-- Ejemplo HTML5 -->
-<!-- New HTML5 form input types and attributes. -->
-<html>
-   <head>
-      <meta charset="ISO-8859-1"><!-- Codificación de caractéres, UTF-8 es el más utilizado y ISO-8859-1 se utiliza para caract´res latinos -->	  
-	  <!-- Pueden incluirse instrucciones especiales de formato de documento CSS -->	  
-      <title>New HTML5 Input Types</title><!-- Elemento anidado que describe las páginas web, identificador cuando se agrega a marcadores o favoritos -->	  
-   </head>
+<!DOCTYPE html>
+<!-- Documento HTML5 mejorado -->
+<html lang="es">
+<head>
+  <meta charset="UTF-8">
+  <title>New HTML5 Input Types</title>
+  <style>
+    table {
+      border-collapse: collapse;
+      width: 100%;
+    }
+    th, td {
+      border: 2px solid #444;
+      padding: 8px;
+      text-align: left;
+    }
+    caption {
+      font-weight: bold;
+      margin-bottom: 8px;
+    }
+  </style>
+</head>
+<body>
 
-   <body>
-	
-      <h1 id = "encabezado">Encabezado h1 más significativo</h1>
-	  <h2>Encabezado h2 </h2>
-	  <h3>Encabezado h3</h3>
-	  <h4>Encabezado h4</h4>
-	  <h5>Encabezado h5</h5>
-	  <h6>Encabezado h6</h6>
-	  
-      <p>Esto es un párrafo "p", cuando se despliega el párrafo , coloca espacio adicional encima y debajo del texto</p>
-	  
-	  <!-- <Hipervínculos>
-	  *********************************************************************************************************************************	  
-	  --> 
-	  <p id = "hiper"><strong>Elemento "strong" para resaltar la importancia del texto.</strong></p>
-	  <p><a href ="hhttp://www.cursos.danjrosales.com.mx/">"a" de ancla y "href" como referencia de hipertexto para los hipervínculos</a></p>
-	  <p><a href ="http://www.cursos.danjrosales.com.mx/" target="_blank"><strong>Target _blank:</strong> nueva ventana o tab </a></p>
-	  <p><a href ="http://www.cursos.danjrosales.com.mx/" target="_self"><strong>Target _self:</strong> por default, mismo frame </a></p>
-	  <p><a href ="http://www.cursos.danjrosales.com.mx/" target="_parent"><strong>Target _parent:</strong> frame padre </a></p>
-	  <p><a href ="http://www.cursos.danjrosales.com.mx/" target="_top"><strong>Target _top:</strong> cuerpo completo ventana</a></p>
-	  <p><a href ="mailto:ejemplo@domain.com" target="_top"><strong>URL mailto:</strong> Vínculo a direcciones de correo electrónico </a></p>
-	  <p><a href = "#encabezado">Ir a <em>encabezado</em></a></p>
-     <p><a href = "#">Ir a <em>encabezado</em></a></p>
-	  <p><a href = "#tablas">Ir a <em>tablas</em></a></p>
-      <!-- </Hipervínculos>
-	  *********************************************************************************************************************************	  
-	  -->  
-	  	  
-	  <!-- <Tablas>
-	  *********************************************************************************************************************************	  
-	  -->
-	  <table border = "5" id = "tablas">
-         <caption>Ejemplo de tablas 4 dummies</caption>
+  <h1 id="encabezado">Encabezado h1 mÃ¡s significativo</h1>
+  <h2>Encabezado h2</h2>
+  <h3>Encabezado h3</h3>
+  <h4>Encabezado h4</h4>
+  <h5>Encabezado h5</h5>
+  <h6>Encabezado h6</h6>
 
-         <thead>
-            <!-- rowspans and colspans merge the specified -->
-            <!-- number of cells vertically or horizontally -->
-            <tr>
-               <!-- merge two rows -->
-               <th rowspan = "2">
-                  <img src = "images/image1.png" width = "205" height = "167" alt = "Dr. Mono"> <!--Imagen-->
-               </th>
+  <p>Esto es un pÃ¡rrafo <code>&lt;p&gt;</code>, cuando se despliega el pÃ¡rrafo, coloca espacio adicional encima y debajo del texto.</p>
 
-               <!-- merge four columns -->
-               <th colspan = "4">
-                  <strong>Dr Mono</strong><br>
-                  primate hedonista y vago
-               </th>
-            </tr>
-            <tr>
-               <th>Título Columna 1</th>
-               <th>Título Columna 2</th>
-               <th>Título Columna 3</th>
-            </tr>
-         </thead>
-         <tbody>
-            <tr>
-               <th>¿Qué es Lorem Ipsum?</th>
-               <td colspan = "3">Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos de texto. Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el año 1500, cuando un impresor (N. del T. persona que se dedica a la imprenta) desconocido usó una galería de textos y los mezcló de tal manera que logró hacer un libro de textos especimen. No sólo sobrevivió 500 años, sino que tambien ingresó como texto de relleno en documentos electrónicos, quedando esencialmente igual al original. Fue popularizado en los 60s con la creación de las hojas "Letraset", las cuales contenian pasajes de Lorem Ipsum, y más recientemente con software de autoedición, como por ejemplo Aldus PageMaker, el cual incluye versiones de Lorem Ipsum.</td>
-            </tr>
-            <tr>
-               <th>¿Por que lo usamos?</th>
-               <td colspan = "3">Es un hecho establecido hace demasiado tiempo que un lector se distraerá con el contenido del texto de un sitio mientras que mira su diseño. El punto de usar Lorem Ipsum es que tiene una distribución más o menos normal de las letras, al contrario de usar textos como por ejemplo "Contenido aquí, contenido aquí".</td>
-            </tr>
-			            <tr>
-               <th>¿De dónde viene?</th>
-               <td colspan = "3">Al contrario del pensamiento popular, el texto de Lorem Ipsum no es simplemente texto aleatorio. Tiene sus raices en una pieza cl´sica de la literatura del Latin, que data del año 45 antes de Cristo, haciendo que este adquiera mas de 2000 años de antiguedad. Richard McClintock, un profesor de Latin de la Universidad de Hampden-Sydney en Virginia, encontró una de las palabras más oscuras de la lengua del latín, "consecteur", en un pasaje de Lorem Ipsum, y al seguir leyendo distintos textos del latín, descubrió la fuente indudable. Lorem Ipsum viene de las secciones 1.10.32 y 1.10.33 de "de Finnibus Bonorum et Malorum" (Los Extremos del Bien y El Mal) por Cicero, escrito en el año 45 antes de Cristo. Este libro es un tratado de teoría de éticas, muy popular durante el Renacimiento. La primera linea del Lorem Ipsum, "Lorem ipsum dolor sit amet..", viene de una linea en la sección 1.10.32</td>
-            </tr>
-         </tbody>
-      </table>
-	  <p><a href = "#hiper">Ir a <em>hipervínculos</em></a></p>
-	  
-	  <!-- </Tablas>
-	  *********************************************************************************************************************************	  
-	  -->
-	  
-    </body>
+  <!-- HipervÃ­nculos -->
+  <p id="hiper"><strong>Elemento "strong" para resaltar la importancia del texto.</strong></p>
+  <p>
+    <a href="http://www.cursos.danjrosales.com.mx/">"a" de ancla y "href" como referencia de hipertexto para los hipervÃ­nculos</a>
+  </p>
+  <p>
+    <a href="http://www.cursos.danjrosales.com.mx/" target="_blank"><strong>Target _blank:</strong> nueva ventana o tab</a>
+  </p>
+  <p>
+    <a href="http://www.cursos.danjrosales.com.mx/" target="_self"><strong>Target _self:</strong> por defecto, mismo frame</a>
+  </p>
+  <p>
+    <a href="http://www.cursos.danjrosales.com.mx/" target="_parent"><strong>Target _parent:</strong> frame padre</a>
+  </p>
+  <p>
+    <a href="http://www.cursos.danjrosales.com.mx/" target="_top"><strong>Target _top:</strong> cuerpo completo ventana</a>
+  </p>
+  <p>
+    <a href="mailto:ejemplo@domain.com" target="_top"><strong>URL mailto:</strong> VÃ­nculo a direcciones de correo electrÃ³nico</a>
+  </p>
+  <p>
+    <a href="#encabezado">Ir a <em>encabezado</em></a>
+  </p>
+  <p>
+    <a href="#tablas">Ir a <em>tablas</em></a>
+  </p>
+  <!-- Fin HipervÃ­nculos -->
+
+  <!-- Tablas -->
+  <table id="tablas">
+    <caption>Ejemplo de tablas 4 dummies</caption>
+    <thead>
+      <tr>
+        <th rowspan="2">
+          <img src="images/image1.png" width="205" height="167" alt="Imagen de Dr. Mono">
+        </th>
+        <th colspan="3">
+          <strong>Dr Mono</strong><br>
+          Primate hedonista y vago
+        </th>
+      </tr>
+      <tr>
+        <th>TÃ­tulo Columna 1</th>
+        <th>TÃ­tulo Columna 2</th>
+        <th>TÃ­tulo Columna 3</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <th>Â¿QuÃ© es Lorem Ipsum?</th>
+        <td colspan="3">
+          Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos de texto...
+        </td>
+      </tr>
+      <tr>
+        <th>Â¿Por quÃ© lo usamos?</th>
+        <td colspan="3">
+          Es un hecho establecido hace demasiado tiempo que un lector se distraerÃ¡ con el contenido...
+        </td>
+      </tr>
+      <tr>
+        <th>Â¿De dÃ³nde viene?</th>
+        <td colspan="3">
+          Lorem Ipsum viene de las secciones 1.10.32 y 1.10.33 de "de Finnibus Bonorum et Malorum"...
+        </td>
+      </tr>
+    </tbody>
+  </table>
+  <p>
+    <a href="#hiper">Ir a <em>hipervÃ­nculos</em></a>
+  </p>
+  <!-- Fin Tablas -->
+
+</body>
 </html>

- -	- Dr Mono - primate hedonista y vago -
- -	Título Columna 1	Título Columna 2	Título Columna 3
¿Qué es Lorem Ipsum?	Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos de texto. Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el año 1500, cuando un impresor (N. del T. persona que se dedica a la imprenta) desconocido usó una galería de textos y los mezcló de tal manera que logró hacer un libro de textos especimen. No sólo sobrevivió 500 años, sino que tambien ingresó como texto de relleno en documentos electrónicos, quedando esencialmente igual al original. Fue popularizado en los 60s con la creación de las hojas "Letraset", las cuales contenian pasajes de Lorem Ipsum, y más recientemente con software de autoedición, como por ejemplo Aldus PageMaker, el cual incluye versiones de Lorem Ipsum.
¿Por que lo usamos?	Es un hecho establecido hace demasiado tiempo que un lector se distraerá con el contenido del texto de un sitio mientras que mira su diseño. El punto de usar Lorem Ipsum es que tiene una distribución más o menos normal de las letras, al contrario de usar textos como por ejemplo "Contenido aquí, contenido aquí".
¿De dónde viene?	Al contrario del pensamiento popular, el texto de Lorem Ipsum no es simplemente texto aleatorio. Tiene sus raices en una pieza cl´sica de la literatura del Latin, que data del año 45 antes de Cristo, haciendo que este adquiera mas de 2000 años de antiguedad. Richard McClintock, un profesor de Latin de la Universidad de Hampden-Sydney en Virginia, encontró una de las palabras más oscuras de la lengua del latín, "consecteur", en un pasaje de Lorem Ipsum, y al seguir leyendo distintos textos del latín, descubrió la fuente indudable. Lorem Ipsum viene de las secciones 1.10.32 y 1.10.33 de "de Finnibus Bonorum et Malorum" (Los Extremos del Bien y El Mal) por Cicero, escrito en el año 45 antes de Cristo. Este libro es un tratado de teoría de éticas, muy popular durante el Renacimiento. La primera linea del Lorem Ipsum, "Lorem ipsum dolor sit amet..", viene de una linea en la sección 1.10.32
+ +	+ Dr Mono + Primate hedonista y vago +
+ +	TÃtulo Columna 1	TÃtulo Columna 2	TÃtulo Columna 3
Â¿QuÃ© es Lorem Ipsum?	+ Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos de texto... +
Â¿Por quÃ© lo usamos?	+ Es un hecho establecido hace demasiado tiempo que un lector se distraerÃ¡ con el contenido... +
Â¿De dÃ³nde viene?	+ Lorem Ipsum viene de las secciones 1.10.32 y 1.10.33 de "de Finnibus Bonorum et Malorum"... +