Párrafos HTML

Un párrafo siempre comienza en una nueva línea, y es usualmente un bloque de texto. La etiqueta <p> define un elemento párrafo. Normalmente los navegadores añaden cierto espacio en blanco entre los párrafos (cierto margen) antes y después de un párrafo.

Ejm

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

Visualización HTML

No puedes estar seguro de cómo se mostrará el HTML. Las pantallas grandes o pequeñas y las ventanas redimensionadas crearán resultados diferentes. Con HTML, no puedes cambiar la salida agregando espacios adicionales o líneas adicionales en tu código HTML. El navegador eliminará los espacios y líneas adicionales cuando se muestre la página.

Ejm

<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>

<p>
This paragraph
contains         a lot of spaces
in the source         code,
but the        browser
ignores it.
</p>

No olvidar la etiqueta de cierre

Muchos navegadores mostrarán correctamente el párrafo aunque no haya etiqueta de cierre.

Ejm

<p>This is a paragraph.
<p>This is another paragraph.

El ejemplo anterior funcionará en la mayoría de los navegadores, pero no confíes en él.

Nota: Dejar de poner la etiqueta final puede producir resultados inesperados o errores.

Saltos de línea HTML

El elemento HTML <br> define un salto de línea. Utilízalo si quieres un salto de línea sin comenzar un nuevo párrafo.

Ejm

<p>Esto es<br>un párrafo<br>con un salto de línea.</p>

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

El problema del poema

Este problema se mostrará en una única línea

Ejm

<p>
  My Bonnie lies over the ocean.
  My Bonnie lies over the sea.
  My Bonnie lies over the ocean.
  Oh, bring back my Bonnie to me.
</p>

El elemento HTML <pre>

El elemento HTML <pre> define un 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.

Ejm

<pre>
  My Bonnie lies over the ocean.

  My Bonnie lies over the sea.

  My Bonnie lies over the ocean.

  Oh, bring back my Bonnie to me.
</pre>

Referencia

 

Etiqueta Descripción
<p> Define un párrafo
<br> Define un salto de línea sencillo
<pre> Define un texto preformateado