HTML
HTML, que significa HyperText Markup Language (Lenguaje de Marcado de Hipertexto), es el componente más básico de la web. No es un lenguaje de programación, sino un lenguaje de marcado que se utiliza para estructurar el contenido de una página web.
Imagina que es el esqueleto o la columna vertebral sobre la cual se construye todo lo demás.
1. ¿Cómo funciona HTML?
HTML utiliza una estructura de etiquetas (tags) para indicarle al navegador qué tipo de contenido está procesando. Casi todas las etiquetas vienen en pares: una de apertura y una de cierre.
<h1>: Define un título principal.<p>: Define un párrafo de texto.<a>: Crea un enlace (vínculo) a otra página.<img>: Inserta una imagen.
2. La Anatomía de un Elemento
Cada elemento de HTML puede tener atributos, que proporcionan información adicional sobre el elemento. Por ejemplo:
<a href="[https://google.com](https://google.com)">Ir a Google</a>
En este caso, <a> es la etiqueta, href es el atributo (la dirección a donde apunta el enlace) y «Ir a Google» es el contenido que el usuario verá.
3. El Modelo de Documento (DOM)
Cuando un navegador lee un archivo HTML, crea un «árbol» de objetos llamado DOM (Document Object Model). Esto permite que lenguajes como JavaScript interactúen con la estructura, cambiando textos o colores en tiempo real sin recargar la página.
4. Diferencias Clave
Para que no haya confusiones, Sofi, aquí te dejo cómo se diferencia de las otras tecnologías que mencionamos:
- HTML: Es la estructura (títulos, párrafos, listas).
- CSS: Es la presentación (colores, fuentes, espacios).
- JavaScript: Es el comportamiento (validaciones, animaciones, lógica).
5. Versión Actual: HTML5
La versión más reciente es HTML5, la cual introdujo capacidades modernas para manejar video, audio y gráficos vectoriales de forma nativa, eliminando la necesidad de complementos antiguos como Flash.