Párrafos HTML
Los párrafos son uno de los elementos HTML más básicos. Ayudan a dividir el texto lógicamente y a aclarar el contenido de una página tanto para lectores como para motores de búsqueda.
¿Qué es un elemento de párrafo <p>?
El elemento <p> (párrafo) representa un bloque de texto. Cada <p> significa un nuevo párrafo, que los navegadores suelen mostrar con un espacio vertical. En HTML, no debes simplemente presionar enter para una nueva línea: cada nueva idea debe ir en un nuevo <p>.
Detalles del Código
<p>This is a paragraph of text.</p>
<p>Another paragraph starts here.</p>
Vista Previa
This is a paragraph of text.
Salto de línea dentro de un párrafo
Para hacer un salto de línea dentro de un párrafo, usa el elemento <br>. Es importante notar que <br> no finaliza el párrafo — solo inicia una nueva línea.
Estructura correcta de los párrafos
Cierra siempre los elementos <p> correctamente. Dejarlos sin cerrar puede causar errores o resultados inesperados. Evita anidar elementos <p> unos dentro de otros, ya que resulta en HTML inválido.
¿Cómo usar los párrafos?
Usa párrafos siempre que comience una nueva idea, tema o punto. Esto mejora la legibilidad y hace que el diseño de la página sea más claro.
Ejemplo básico de párrafos
Este ejemplo muestra tres párrafos separados. Cada etiqueta <p> comienza en una nueva línea y aparece en su propio bloque. Esto ayuda a organizar claramente el texto en la página web.
Detalles del Código
<p>Hello! My name is Anna.</p> <p>I like learning HTML.</p> <p>This is my third paragraph.
Vista Previa
Hello! My name is Anna.
I like learning HTML.
This is my third paragraph.
Consejos para usar párrafos
- Empieza cada párrafo con una etiqueta <p> y no confíes solo en los saltos de línea.
- No anides etiquetas <p> — es inválido en HTML.
- Usa saltos de línea <br> cuando sea necesario, pero no los uses en exceso.
- Prefiere párrafos más cortos y claros para una mejor legibilidad.
SEO y párrafos
El contenido bien estructurado usando elementos <p> no solo es más legible para los usuarios, sino también mejor optimizado para los motores de búsqueda. Una estructura clara ayuda a la indexación y al procesamiento del contenido.
✨ Pregunta a Lara — tu compañera de estudio con IA
Desbloquea soporte de aprendizaje personalizado. Lara puede explicar lecciones, resumir temas y responder tus preguntas — disponible desde el plan Go y superiores.
Lara te ayuda a aprender más rápido — exclusivo para los miembros ReadyTools Go, Plus y Max.


