HTML (HyperText Markup Language, o Lenguaje de Marcado de Hipertexto) es el lenguaje fundamental utilizado para crear y estructurar el contenido de todas las páginas web. Se le considera el esqueleto de la web.
HTML no es un lenguaje de programación (no tiene lógica ni funciones complejas), sino un lenguaje de marcado. Consiste en un sistema de etiquetas (tags) que se utilizan para marcar y definir el propósito y la estructura del contenido dentro de un documento.
Etiquetas y elementos
El código HTML está formado por elementos, que generalmente se componen de:
Etiqueta de apertura (<p> para párrafo, por ejemplo).
Contenido (el texto, imagen, etc., que el usuario ve).
Etiqueta de cierre (</p>).
Estas etiquetas le dicen al navegador web qué tipo de contenido es y cómo debe ser tratado. Por ejemplo:
<h1> marca un título principal.
<p> marca un párrafo de texto.
<img> marca una imagen.
<a> marca un hipervínculo o enlace.
Relación con otros lenguajes
HTML trabaja en conjunto con las otras dos tecnologías esenciales del desarrollo web:
CSS (Cascading Style Sheets): Se encarga del estilo y la presentación visual (colores, fuentes, diseño, márgenes).
JavaScript (JS): Se encarga de la funcionalidad e interactividad (lo que hace que la página responda a las acciones del usuario).
El HTML proporciona la estructura, el CSS la hace bonita y el JavaScript la hace funcionar.
La función principal y única de HTML es estructurar el contenido web y hacerlo navegable mediante hipervínculos (enlaces).
Sus usos principales incluyen:
Definir la estructura de la página: Organizar el contenido en secciones claras como encabezados (<header>), menús de navegación (<nav>), secciones de contenido (<section>, <article>), y pies de página (<footer>).
Insertar contenido: Colocar texto, imágenes, videos, listas, tablas y formularios en la página para que el usuario pueda verlos e interactuar con ellos.
Crear hipervínculos: Utilizar la etiqueta <a> para enlazar un documento HTML con otros documentos, ya sea dentro del mismo sitio web o hacia sitios externos.
Mejorar la accesibilidad y el SEO: El uso de etiquetas semánticas (como <article> o <nav>) ayuda a los motores de búsqueda (SEO) y a las herramientas de accesibilidad (como los lectores de pantalla) a comprender mejor el propósito del contenido.
