El elemento HTML

Todo en HTML está construido con elementos. Un elemento es la unidad mínima del lenguaje: le dice al navegador qué tipo de contenido es lo que estás escribiendo.

Un elemento tiene tres partes:

<p>Este es un párrafo.</p>
 ↑  ↑                ↑
 │  │                └── etiqueta de cierre
 │  └─────────────────── contenido
 └────────────────────── etiqueta de apertura

La etiqueta de apertura marca dónde empieza el elemento. Es el nombre del elemento entre < y >. El nombre identifica de qué tipo es el elemento.

El contenido es lo que va adentro: puede ser texto, otra imagen, otros elementos hijos, o estar vacío.

La etiqueta de cierre marca dónde termina el elemento. Es idéntica a la apertura pero lleva una barra diagonal / antes del nombre: </p>.

Las tres partes juntas forman el elemento. Nunca falta ninguna — si falta la etiqueta de cierre, el navegador tiene que adivinar dónde termina el elemento, con resultados impredecibles.

---

Cada etiqueta tiene un propósito

HTML tiene decenas de elementos, y cada uno existe para describir un tipo de contenido distinto. El nombre de la etiqueta no es arbitrario: está elegido para comunicar qué es ese contenido, no cómo se ve.

<!-- p = paragraph: un bloque de texto -->
<p>Hola, mundo.</p>

<!-- h1 = heading level 1: el título principal de la página -->
<h1>Mi primera página</h1>

<!-- h2 = heading level 2: un subtítulo dentro de la página -->
<h2>Este es un subtítulo</h2>

<p> le dice al navegador “esto es un párrafo”. <h1> le dice “esto es el título principal”. Usás <h1> no porque el texto se vea grande, sino porque semánticamente es el título principal. El tamaño visual lo define CSS — eso viene más adelante.

---

Tu turno: escribí un <h1> con tu nombre y un <p> con dónde vivís. Luego hacé clic en “Comprobar”.