Para empezar ¿Que es HTML?

HTML es un lenguaje empleado para el desarrollo de páginas Web, este termino significa "HyperText Markup Language" por sus siglas en ingles, lo cual en español se entiende como "lenguaje de marcas de hipertexto". Este lenguaje se compone de una serie de etiquetas que el navegador Web interpreta y da una forma en nuestra pantalla. En HTML tenemos etiquetas especificas para imágenes, saltos de lineas, párrafos, vínculos a otras paginas, tablas, etc.

¿Cual es su origen?

El origen HTML está estrictamente vinculada al científico inglés Tim Berners-Lee, quien es considerado como el padre de la World Wide Web o W3 gracias a la investigación en el tema, que lideró en 1980, mientras trabajaba para la Organización Europea para la Investigación Nuclear.
El objetivo de Berners-Lee fue crear un sistema hipertextual que permitiera conectar y compartir documentos entre diferentes computadores, sin importar el sistema operativo y aplicación Web conocido como navegador.

 Para 1991, el equipo de trabajo del CERN presentó el primer documento, donde se hacía una descripción oficial del lenguaje de marcado Web. El título del texto fue: HTML Tags (etiquetas HTML). Esto documento aún reposa en el archivo de la World Wide Web Consortium (W3C) y puede ser consultado por cualquier usuario.

 Actualmente HTML se encuentra en su quinta versión, desde que Tim Berners-Lee presentara el primer documento HTML.

Etiquetas Básicas de HTML

  1. Doctype: Esta etiqueta a diferencia de las que se muestran a continuación esta no tiene una etiqueta de cierre. Sirve para indicar al navegador que toda la pagina Web se encuentra desarrollada en la versión mas actual de HTML, lo cual se trata de HTML5 actualmente. En el código HTML se denomina con esta sintaxis <!DOCTYPE html> .
  2. HTML: Esta etiqueta es muy importante ya que en ella se encuentran todas las etiquetas que se muestran a continuación, las cuales son: head, title y el body. Su sintaxis es de la siguiente forma <html>...</html>.
  3. Head: Esta etiqueta es la cabecera del documento HTML, dentro de esta se incluye: titulo, ruta de una hoja de estilos o javascript, etc. Su sintaxis es la siguiente <head>...</head>.
  4. Title: Esta etiqueta indica al navegador que se trata del titulo de un documento, y esta de determina con las etiquetas <title>Titulo Documento</title>  y esto lo podemos observar en la parte superior izquierda de nuestro navegador.
  5. Body: Esta etiqueta tiene un grado de importancia al igual que la etiqueta de <html>, ya que esta es el cuerpo de una pagina Web y sin ella costaría mas trabajo trabajar con la pagina web. Su sintaxis seria de la siguiente forma <body>...</body>.

Código base de un archivo HTML

Todas la etiquetas mencionadas anteriormente se muestran a continuación en la forma de como se encuentra compuesta la estructura base de un documento HTML.

<!DOCTYPE html>
<html>
    <head>
        <title>Titulo del Documento</title>
    </head>
    <body>
        
    </body>
</html>