Párrafos HTML

Ya usas encabezados para títulos y secciones. La mayor parte del texto legible del cuerpo de una página pertenece a párrafos. Esta lección se centra en el elemento p: cómo escribirlo, cómo lo muestra el navegador y en qué se diferencia de las líneas en blanco del editor.

¿Qué es un párrafo HTML?

Un párrafo HTML es un bloque de texto marcado con el elemento p. Abres con <p>, escribes el texto y cierras con </p>. Los párrafos son para oraciones normales y bloques cortos de contenido del cuerpo, no para títulos de página (esos usan encabezados).

Respuesta directa

Envuelve cada bloque de texto del cuerpo en sus propias etiquetas p. El navegador trata cada p como un párrafo y suele añadir espacio antes y después. Pulsar Enter muchas veces en tu archivo HTML no crea el mismo espacio: el navegador colapsa el espacio en blanco extra en el código fuente a menos que uses los elementos correctos.

Leer el ejemplo

• El primer <p>…</p> es un párrafo
• El segundo <p>…</p> es otro párrafo
• El navegador los muestra como bloques separados, normalmente con espacio entre ellos
• El texto entre las etiquetas es el contenido que ven los lectores

El espacio en blanco en el código no es maquetación

En el editor puedes pulsar Enter para que el archivo HTML se lea mejor. Eso no significa que el navegador muestre esas líneas en blanco como grandes huecos vacíos. Para saltos reales de párrafo, usa elementos p separados. Para un salto de línea dentro de la misma idea —como una dirección corta o un verso— puedes usar <br> (lo viste brevemente con los elementos).

Prefiere párrafos a trucos de espacio vacío

No apiles etiquetas vacías <p></p> solo para empujar el contenido hacia abajo. No metas un artículo entero en un párrafo gigante si son varias ideas. Divide las ideas en bloques p claros. Más adelante, CSS controlará el espaciado y las fuentes; HTML debe marcar la estructura real del texto.

Pruébalo tú mismo

1. Abre tu esqueleto HTML básico
2. Añade un h1 y dos párrafos cortos debajo
3. Añade un tercer párrafo que use <br> para una dirección corta multilínea
4. Guarda y abre la página en el navegador
5. Compara lo que ves con las líneas en blanco del archivo fuente

Errores comunes

• Confiar en líneas en blanco del código en lugar de etiquetas p separadas
• Usar encabezados cuando solo necesitas oraciones normales del cuerpo
• Crear párrafos vacíos solo para añadir espacio vertical
• Olvidar el </p> de cierre en un párrafo largo
• Meter toda una página de ideas no relacionadas en un solo p

Resumen

• El texto del cuerpo suele pertenecer al elemento p
• Cada párrafo debe ser su propio bloque <p>…</p>
• Los navegadores suelen añadir espacio entre párrafos
• Enter extra en el código no equivale al espaciado real de maquetación
• Usa <br> para un salto de línea dentro de un párrafo cuando haga falta
• Mantén la estructura en HTML; afina el espaciado después con CSS