Curso de HTML
Construye la estructura de la web.
Aprende cada etiqueta con ejemplos interactivos y crea proyectos reales.
El párrafo es el bloque de texto más común en cualquier página. Entender cómo lo trata el navegador evita errores de espaciado que se ven por todos lados.
Explicación
El párrafo es la unidad básica de texto en HTML, y tiene un comportamiento que sorprende a quienes recién empiezan:
<p>Define un bloque de texto independiente. El navegador le agrega un margen antes y después por defecto.
<br>Fuerza un salto de línea dentro del mismo bloque, sin crear un párrafo nuevo. Se usa poco y con cuidado.
Colapso de espacios en blancoVarios espacios, tabulaciones o saltos de línea seguidos en el código se muestran como un solo espacio en el resultado.
Reto rápido
Este párrafo usa <br><br> para separar dos ideas. Sepáralas en dos etiquetas <p> independientes.
En esta lección
- Ejemplo interactivo
- Explicación de cada etiqueta
- Cuándo usarlo
- Errores comunes
Consejo
Si necesitas separar bloques de texto, usa otro <p>, no varios <br> seguidos: así el navegador aplica el espaciado correcto automáticamente.
Dato extra
El espacio que ves entre párrafos no es parte de la etiqueta <p>: es un margen que el navegador aplica por defecto, y se puede ajustar (o quitar) con CSS.
Error común
Usar <br><br> para simular la separación entre párrafos en vez de cerrar uno y abrir otro <p>; o anidar un <p> dentro de otro <p> (no está permitido).
Siguiente paso
Ya sabes cómo se comporta el texto en bloques. Ahora veamos cómo resaltar palabras específicas dentro de ese texto.
Ir a la siguiente lección