Cómo crear PÁRRAFOS en HTML [etiquetas p, br, hr, pre]

Párrafos HTML

El elemento HTML <p> define un párrafo.

 

See the Pen 1.7 - Párrafos - 1 by Francisco Palomares Barrios (@kikopalomares) on CodePen.

 

Visualización HTML

  • No puedes estar seguro de cómo se mostrará para cada usuario.
  • Pantallas grandes, pequeñas o las ventanas redimensionadas crearán resultados diferentes.

El navegador eliminará los espacios y líneas adicionales cuando se muestre la página:

See the Pen HTML | 1.7 - Párrafos - espacios en blanco ignorados by Francisco Palomares Barrios (@kikopalomares) on CodePen.

 

No te olvides de cerrar el tag

La mayoría de los navegadores mostrarán HTML correctamente incluso si olvida la etiqueta final

 

See the Pen 1.7 - Párrafos - 3 by Francisco Palomares Barrios (@kikopalomares) on CodePen.

 

Saltos de línea HTML

El elemento HTML <br> define un salto de línea.

Usa <br> si quieres un salto de línea (una nueva línea) sin comenzar un nuevo párrafo.

La etiqueta <br> es una etiqueta vacía, lo que significa que no tiene etiqueta final.

See the Pen 1.7 - Párrafos - 4 by Francisco Palomares Barrios (@kikopalomares) on CodePen.

 

El problema de los poemas

Este poema en HTML se verá todo en una sola línea

See the Pen HTML | 1.7 - Párrafos - El problema de los poemas by Francisco Palomares Barrios (@kikopalomares) on CodePen.

 

El elemento HTML <pre>

El elemento HTML <pre> define texto preformateado.

El texto dentro de un elemento <pre> se muestra en una fuente de ancho fijo (generalmente Courier), y conserva espacios y saltos de línea

See the Pen HTML | 1.7 - Párrafos - pre by Francisco Palomares Barrios (@kikopalomares) on CodePen.

¿Quieres más?

Si estás interesado en el mundo de la programación y el desarrollo web, te recomiendo que te suscribas a mi canal de youtube donde tienes mucho más contenido gratuito

IR AL CANAL

¿Quieres convertirte en desarrollador web? [GRATIS]

Déjame aquí tu mejor email y te mandaré un curso para que puedas empezar en el desarrollo web totalmente GRATIS!

¡Prometo no enviarte SPAM! Sólo cosas relevantes que te interesen.