Curso HTML 4.1 Párrafos (p) y saltos de línea (br)

Párrafos (

) en HTML 4.1

El elemento <p> define un párrafo de texto. En HTML 4.1, <p> es un elemento de nivel de bloque (block-level), por lo que siempre ocupa todo el ancho disponible y provoca un salto antes y después de su contenido, según las hojas de estilo por defecto del navegador. La sintaxis obligatoria incluye tanto etiqueta de apertura como de cierre:

Este es un párrafo de ejemplo. Contiene varias oraciones que se agrupan en un solo bloque de texto.

Modelo de contenido

• Contenido permitido: texto y elementos en línea (<em>, <strong>, <a>, <span>, etc.).
• No se permiten otros elementos de bloque como <div>, <p> o <table> directamente dentro de un <p>.

Espacios en blanco y colapso

El navegador colapsa espacios en blanco consecutivos (espacios, tabulaciones o saltos de línea) en uno solo. Por eso, escribir:

Este    texto
tiene     muchos   espacios.

Se mostrará en pantalla como:
“Este texto tiene muchos espacios.”

Márgenes predeterminados

Por defecto, los navegadores aplican márgenes arriba y abajo de cada <p> (aprox. 1em). Esto permite separar párrafos de forma automática. No es necesario usar <br> para separar bloques de texto completos.

Ejemplo con elementos en línea

  El elemento <strong> destaca texto en negrita,
  <em> enfatiza en cursiva, y 
  los enlaces permiten navegar.

Saltos de línea (
) en HTML 4.1

El elemento <br> (break) introduce un salto de línea forzado donde se coloca. Es un elemento vacío (sin etiqueta de cierre). Se emplea cuando se quiere iniciar una nueva línea sin crear un nuevo bloque de párrafo.

Dirección de contacto:

Calle Falsa 123, Piso 4

Ciudad de Ejemplo, País

Usos recomendados

1. Direcciones postales (<address>) o poesía.
2. Listas de elementos muy breves donde no encaja un párrafo completo.
3. Cuando se desea un control exacto de saltos de línea dentro de un bloque de texto.

Evitar el abuso de

• No usar <br> para separar párrafos completos; en su lugar, emplear <p>.
• No usar múltiples <br> para crear espacios verticales: eso rompe la semántica y dificulta el mantenimiento.

Ejemplo de poema

  El viento susurra en el oído,

  cuentas historias olvidadas,

  lleva el eco del río

  y canta noches estrelladas.

Buenas prácticas y accesibilidad

1. Semántica: Usar <p> para párrafos independientes y <br> solo para saltos de línea internos.

2. Mantenimiento: Evitar secuencias de <br> para espacios; si se requiere más control de espaciado visual, considerar la separación semántica con <p> o en su defecto utilizar CSS en proyectos posteriores.

3. Accesibilidad: Los lectores de pantalla reconocen <p> como bloques de texto y anuncian los párrafos; un abuso de <br> puede dificultar la navegación del contenido.

Comparativa rápida

Conclusión

En HTML 4.1, la correcta distinción entre párrafos y saltos de línea garantiza una estructura semántica clara, facilita el mantenimiento y mejora la accesibilidad. Siempre:

• Usar <p> para agrupar oraciones y formar párrafos.
• Reservar <br> para saltos de línea internos en direcciones, poesía o casos puntuales.