HTML

HTML marca cada parte del contenido con etiquetas como <h1>, <p> o <a>. El navegador las interpreta para mostrar la página y construir el DOM.

HTML se ocupa del contenido y su significado; CSS, del aspecto; y JavaScript, del comportamiento. Usar la etiqueta adecuada para cada cosa mejora la accesibilidad y el posicionamiento en buscadores.

Un ejemplo

<a href="https://www.portaltec.eu/">PortalTec</a> crea un enlace con el texto «PortalTec».

Por qué importa

HTML es el lenguaje con el que se estructura el contenido de cualquier página web: títulos, párrafos, listas, enlaces, imágenes, tablas, formularios. No es un lenguaje de programación, sino de marcado: no ejecuta lógica, describe qué es cada parte del contenido mediante etiquetas como <h1>, <p> o <a>. El navegador lo lee y construye con él la página, y de ahí nace el DOM.

Es la base sobre la que se apoyan CSS (el aspecto) y JavaScript (el comportamiento), y se aprende rápido. Importa escribirlo bien: usar las etiquetas por su significado (<nav>, <main>, <article>, <button>) mejora la accesibilidad, ayuda a los buscadores a entender la página y reduce la necesidad de parches. Una página con HTML semántico funciona mejor con lectores de pantalla y teclado sin esfuerzo adicional.

Confusiones frecuentes

Es habitual confundir HTML con un lenguaje de programación: no tiene variables, bucles ni condiciones. También se confunde con CSS: HTML dice qué es cada elemento, CSS decide cómo se ve. Un error típico de principiante es elegir etiquetas por su aspecto en vez de su significado, como usar <h3> solo porque el texto sale más pequeño, o montar un botón con un <div> en lugar de <button>. Otro es olvidar cerrar etiquetas o anidarlas mal; el navegador intenta corregirlo, pero el resultado puede sorprender.

Preguntas frecuentes

¿Qué es HTML semántico?

Usar las etiquetas según el significado del contenido (<header>, <nav>, <main>, <footer>, <article>) en vez de <div> para todo. Mejora la accesibilidad y el SEO.

¿Necesito algo más que un editor de texto para escribir HTML?

No. Guarda un archivo con extensión .html y ábrelo en el navegador. Un editor como VS Code ayuda con el autocompletado y los avisos.