En este artículo te explicaremos qué es HTML, para que sirve y cuál es su estructura.

Todos nosotros a lo largo de nuestra vida hemos interactuado con diferentes sitios o aplicaciones web, ya sea para buscar información, para conversar con nuestros amigos, entre muchas otras cosas más. Incluso, ahora mismo lo estás haciendo mientras lees este artículo. Si has llegado hasta aquí, es porque te interesa saber la definición de HTML y para ello será necesario comprender cómo está relacionado el término HTML con lo que ves en tu navegador web (Ej. Google Chrome, Mozilla Firefox, Safari, etc).

HTML no es un lenguaje de programación, esto debes tenerlo muy en claro desde el principio, HTML es un lenguaje de marcado de hipertexto o “HyperText Markup Language” por el desarrollo de sus iniciales en inglés, básicamente este lenguaje se escribe en su totalidad con elementos, estos elementos están constituidos por etiquetas, contenido y atributos, que explicaremos de una manera más detallada en algunas líneas más abajo.

HTML es un lenguaje que interpreta el navegador web para mostrar los sitios o aplicaciones web tal y como estamos acostumbrados. En la Imagen 1 verás cómo el navegador nos muestra un sitio web y en la Imagen 2 verás cómo se ve en lenguaje HTML.

Imagen 1
Fuente: https://devcode.la/

Imagen 2
Fuente: view-source:https://devcode.la/

La primera versión de HTML fue publicada por un científico de la computación británico llamado Timohty John Berners-Lee en 1991 y contenía inicialmente pocos elementos, los cuales puedes conocer aquí. Sobre Tim, debes saber también que es conocido como el padre de la web, es fundador de la W3C (World Wide Web Consortium), creador del protocolo HTTP (HyperText Transfer Protocol), creador de la URL (Uniform Resource Locator) y creador del primer navegador web.

Sobre la historia de HTML, en 1995  se publicó el estándar HTML 2.0, el primer estándar oficial de HTML. En 1997 se publicó la versión HTML 3.2 y es la primera especificación HTML publicada por la W3C.

En 1999 se publicó la versión HTML 4.1 y en el 2014 se publica la versión definitiva de HTML 5.

HTML es un lenguaje formado por elementos, un elemento se ve como todo el texto que se muestra en la Imagen 3, los elementos nos ayudan a estructurar y dar significado a las partes de un documento HTML, estos elementos a su vez están conformados por contenido, etiquetas y atributos.

Las etiquetas nos sirven para delimitar el inicio y el fin de un elemento, como en el ejemplo, vemos un elemento que utiliza la etiqueta de apertura

para indicar el inicio de un párrafo, y la etiqueta de cierre

para indicar el fin de un párrafo.

El contenido de un elemento pueden ser caracteres, comentarios u otro elemento delimitado dentro de las etiquetas de inicio y de cierre, en el ejemplo pueden ver que el contenido es: “Contenido del elemento p”.

Sobre los atributos de un elemento debes saber que siempre se expresan en la etiqueta de inicio y tienen un nombre (Ej. id) y un valor (Ej. parrafo), en el ejemplo vemos el uso del atributo id con su respectivo valor.

Imagen 3
Fuente: Curso gratuito de HTML y CSS

Ten en cuenta que no todos los elementos poseen etiquetas de cierre. Aunque hay mucha más información sobre HTML que no se ha desarrollado en este artículo, si te interesa conocer más sobre HTML, cómo se complementa con CSS o aprender a crear tu primera página web, te recomiendo el siguiente curso: Curso de HTML y CSS, disponible gratuitamente, solo deberás crearte una cuenta gratuita en www.devcode.la y acceder a este y otros contenidos más que hemos creado para ti.