HTML Aprendizaje Esencial

Introducción al HTML

HTML significa Lenguaje de Etiquetado Semántico hipertextual (Hypertext Markup Language), es el lenguaje estándar para las páginas web. Hipertexto se refiere a la habilidad de crear vínculos a otras páginas y recursos en la web. Etiquetado semántico significa que los contenidos se describen directamente por etiquetas, diferentes etiquetas de contenidos incrustadas en la página (títulos, párrafos, imágenes…). Es una serie de etiquetas semánticas que organizan y estructuran los contenidos de las páginas web.

Historia

La tecnología HTML se inicia en 1989 en el CERN, en el ‘European Laboratory for Particle Physics’. Alli, Tim Berners-Lee se le ocurrió la idea que todos los científicos podrían colaborar en investigaciones usando documentos etiquetados semánticamente a través de la web. La popularidad de la web se incrementó en los 90’s, lo que hizo que se generaran varios cambios de manera desorganizada por múltiples empresas como Netscape o Microsoft. Para mitigar esas diversas variaciones independientes se crea el W3C (the World Wide Web Consortium) donde se intenta estandarizar los procesos de HTML. El resultado fue la versión HTML 4.0 que se liberó en 1998. Fue la versión más estable de HTML y la que se usó hasta el 2014, cuando HTML5 se hace pública. El nuevo estándar, HTML5 permite involucrar componentes que no solo manejan contenidos sino que ademas puede manejar aplicaciones y recursos externos y mantiene compatibilidad con versiones anteriores.

Sintaxis de documentos HTML

El propósito de HTML es proveer significado y estructura al contenido. Este no está pensado para proveer instrucciones acerca de cómo debería verse el contenido (su presentación). Aprender HTML es básicamente aprender la sintaxis del lenguaje, los elementos que soporta y la estructura básica de los documentos. Una vez han definido el tipo de documento con el que van a trabajar en la declaración DOCTYPE, se empieza a estructurar los contenidos usando la sintaxis de HTML que está compuesta por tres partes principales, etiquetas (tags), elementos (elements) y atributos. Con esta sintaxis construiremos el contenedor del documento (HTML), la cabecera (HEAD) y el cuerpo (BODY).

© sena.edu.co