HTML

Analogía

El esqueleto y el índice de un documento. Antes de decidir tipografías o colores, alguien tuvo que decidir que había un título, tres apartados y una foto.

Ejemplo mínimo

<h1>Barbería Martínez</h1>
<p>Cortes de pelo en el centro. Sin cita previa.</p>
<a href="/reservar">Reservar ahora</a>

Eso es: un titular, un párrafo y un enlace. Se lee casi como español.

Lo que HTML no hace

No decide cómo se ve → eso es CSS
No decide qué pasa al pulsar → eso es JavaScript

Para qué sirve / cuándo aparece

Es lo primero que vas a leer y tocar. Y es lo que hace que Google y los lectores de pantalla entiendan tu página: usar la etiqueta correcta para cada cosa se llama semántica y se estudia en la Fase 3.

Un paso más: cómo se lee una etiqueta

HTML se escribe con etiquetas: palabras entre < y > que envuelven el contenido para decir qué es.

<a href="/reservar">Reservar ahora</a>

<a> abre, </a> cierra: lo de dentro es un enlace.
href="/reservar" es un atributo: un dato extra de la etiqueta (aquí, a dónde lleva).
Reservar ahora es lo que ve la persona.

Las etiquetas se meten unas dentro de otras, como cajas: una sección contiene un título y varios párrafos. Leer HTML es, sobre todo, ver qué caja está dentro de cuál.

Compruébalo tú

En cualquier web: clic derecho sobre un titular → Inspeccionar. Verás su etiqueta (seguramente <h1> o <h2>). Haz doble clic en el texto, cámbialo y pulsa Enter.