diff --git a/2_HTML5/basicohtml5.html b/2_HTML5/basicohtml5.html
index f126b32..0412461 100644
--- a/2_HTML5/basicohtml5.html
+++ b/2_HTML5/basicohtml5.html
@@ -1,40 +1,40 @@
-<!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 -->
+<!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 -->	  
+      <meta charset="UTF-8"><!-- 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 -->	  
+      <title>New HTML5 Input Types</title><!-- Elemento anidado que describe las pï¿½ginas web, identificador cuando se agrega a marcadores o favoritos -->	  
    </head>
 
    <body>
 	
-      <h1 id = "encabezado">Encabezado h1 más significativo</h1>
+      <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>
+      <p>Esto es un pÃ¡rrafo "p", cuando se despliega el pÃ¡rrafo , coloca espacio adicional encima y debajo del texto</p>
 	  
-	  <!-- <Hipervínculos>
+	  <!-- <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/">"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 ="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>
+      <!-- </Hipervï¿½nculos>
 	  *********************************************************************************************************************************	  
 	  -->  
 	  	  
@@ -60,27 +60,27 @@ <h6>Encabezado h6</h6>
                </th>
             </tr>
             <tr>
-               <th>Título Columna 1</th>
-               <th>Título Columna 2</th>
-               <th>Título Columna 3</th>
+               <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>
+               <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>
+               <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>
+               <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>
+	  <p><a href = "#hiper">Ir a <em>hipervï¿½nculos</em></a></p>
 	  
 	  <!-- </Tablas>
 	  *********************************************************************************************************************************	  
diff --git a/2_HTML5/formhtml5.html b/2_HTML5/formhtml5.html
index 1b4c2c7..3f7ffd0 100644
--- a/2_HTML5/formhtml5.html
+++ b/2_HTML5/formhtml5.html
@@ -1,22 +1,19 @@
 <!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 -->
+<!-- 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="UTF-8"><!-- Codificación de caractéres, UTF-8 es el más utilizado y ISO-8859-1 se utiliza para caract´res latinos -->	  
+      <meta charset="UTF-8"><!-- 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 -->	  
+      <title>New HTML5 Input Types</title><!-- Elemento anidado que describe las pï¿½ginas web, identificador cuando se agrega a marcadores o favoritos -->	  
    </head>
-
    <body>
 	
       <h1>New HTML5 Input Types</h1>
-
-	  
-      <form method = "post" autocomplete = "on" action="#">
+	      <form method = "post" autocomplete = "on" action="#">
          <p><label>First Name:
             <input type = "text" id = "firstName" 
                placeholder = "First name" /> (First name)
diff --git a/2_HTML5/stylehtml5.html b/2_HTML5/stylehtml5.html
index 427e129..b81f8c8 100644
--- a/2_HTML5/stylehtml5.html
+++ b/2_HTML5/stylehtml5.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 <html>
    <head>
-      <link href="https://fonts.googleapis.com/css?family=Fira+Sans:400,400i,500,600,700i,800|Open+Sans|Roboto:300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet">
-      <meta charset = "ISO-8859-1">
+      <link href="https://fonts.googleapis.com/css?family=Lato:400,700,900&display=swap" rel="stylesheet">
+      <meta charset = "UTF-8">
       <title>Styles</title>
 	<style type = "text/css">
          em{
@@ -15,7 +15,8 @@
             top: 20px;
             left: 200px;
             z-index: 3;
-            font-size: 20pt;color: purple;		 }
+            font-size: 20pt;color: 
+            purple;		 }
          h2       { font-family: tahoma, helvetica, sans-serif; 
 				position: absolute;
                  top: 60px;
@@ -52,7 +53,7 @@
    </head>
    <body>
       <h1>FCA UNAM</h1>
-      <h2>Desarrollo de sitios web con transacciones en línea</h1>
+      <h2>Desarrollo de sitios web con transacciones en lÃ­neal</h1>
       <p><img src = "images/background_image.png" class = "background_image"
          alt = "First positioned image" /></p>
       
