Introducción a HTML
¿Qué es HTML?
HTML son las siglas de HyperText Markup Language y se traduce
como lenguaje de marcado de hipertexto. Es el componente más
básico en el mundo web. Este lenguaje nos permite definir el
significado y la estructura del contenido web.
‘Hipertexto’ hace referencia a enlaces que conectan páginas entre sí, es decir,
una web que contiene enlaces a otras páginas de esa misma web o webs
diferentes.
HTML no es un lenguaje de programación, es un lenguaje de marcado, la
diferencia reside en que simplemente define la estructura de los contenidos, no
permite realizar lógica de control ni condicional.
HTML consiste en una serie de etiquetas especiales que el navegador web
interpreta y que permiten indicar qué es cada contenido: párrafos, una lista de
elementos, una tabla, una imagen, etc.
Las etiquetas html se distinguen por:
Abrir con el símbolo <
Cerrar con el símbolo >.
Por un lado tenemos las etiquetas de apertura, por ejemplo: <p>
Por otro lado tenemos las etiquetas de cierre, por ejemplo: </p>
Todo lo que esté contenido entre ambas adoptará la estructura que indique el
tipo de etiqueta.
¿Para qué sirve HTML?
Gracias al lenguaje de marcado HTML se puede definir la estructura de un
documento web de manera que los navegadores puedan interpretarla y
mostrarla visualmente en forma de una web.
El principal objetivo es que los usuarios de internet puedan navegar fácilmente
de una manera visual a través de los contenidos.
Origen
En 1989 Tim Berners Lee inventó la WWW en el CERN (Ginebra, Suiza). La www
o World Wide Web es un sistema de distribución de documentos de hipertexto
interconectados y accesibles desde internet.
Para definir la estructura de estos documentos Tim Berners Lee crea el
lenguaje HTML cuya primera versión oficial HTML 1.0 aparece en 1993.
Estándares web
HTML es un estándar de la www permite que cualquier página web esté escrita
en una determinada versión y los navegadores web sean capaces de
interpretarlas. El estándar es formulado por:
Consorcio WWW o W3C desde 1994 dirigido por Tim Berners-Lee.
Web Hypertext Application Technology Working Group o WHATWG desde
2004.
Funcionamiento de la web
Cuando utilizamos un navegador web para acceder a un sitio web a través de
una URL ocurre lo siguiente:
1. Se traduce la URL a una dirección IP utilizando la base de datos distribuida
de internet conocida como DNS.
2. Se envía una petición HTTP a la dirección IP solicitando el recurso web.
3. El servidor procesa la petición y devuelve un resultado, un documento
html.
4. El navegador renderiza ese documento html de forma visual interpretando
el código HTML, CSS y JavaScript para producir el resultado final, una
web.
Tecnologías web
HTML junto a las tecnologías CSS y JavaScript constituyen los pilares básicos
en la creación de páginas web. HTML se encarga del contenido de una web.
CSS o Cascading Style Sheets hace referencia a hojas de estilo en cascada y
es un lenguaje de diseño gráfico que permite definir la presentación de
contenido estructurado mediante un lenguaje de marcado, como por ejemplo
HTML.
JavaScript es un lenguaje de programación multiparadigma que se emplea
principalmente junto al código HTML y CSS para dotar a una web de
comportamiento, es decir, para hacerla más dinámica al poder ejecutar lógica
condicional, realizar operaciones, cargar datos desde el servidor, crear código
html programáticamente, mostrar u ocultar elementos en base al
comportamiento del usuario, etc.