Párrafos HTML

Un párrafo siempre comienza en una nueva línea y se caracteriza por ser un bloque de texto, puede ser pequeño o grande. Aunque lo  más recomendable es un tamaño promedio y separarlos en varios párrafos.

Párrafos HTML

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

Comienza en una nueva línea. Los navegadores agregan siempre un espacio en blanco al principio y al final de este, así que no tienes necesidad de hacer saltos de línea.

Por ejemplo:

<p>Este es un párrafo.</p>
<p>Este es otro párrafo</p>

Este es un párrafo.

Este es otro párrafo

Reglas horizontales HTML

 La etiqueta HTML defina una pausa en una página HTML. Por lo general, esta se ve en la pantalla como una línea horizontal.

Veamos un ejemplo:

<h1>This is heading 1</h1>
<p>This is some text.</p>
<hr>
<h2>This is heading 2</h2>
<p>This is some other text.</p>
<hr>

This is heading 1

This is some text.

---

This is heading 2

This is some other text.

---

Recordemos que la etiqueta <hr> es una etiqueta vacía, así que no hay que cerrarla.

Veamos otro ejemplo:

<p>Este es<br>un párrafo<br>con saltos de línea.</p>

Este es
un párrafo
con saltos de línea.

¿Qué pasa si le agregamos saltos de línea a nuestro párrafo  sin agregar el <br>?

Ejemplo: 

<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>

Resultado:

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.

Como vemos, los saltos de línea no son visibles, para este caso debemos usar el elemento <pre>

Pre

Este elemento HTML define un texto con formato tal y como lo escribes en tu código. Es decir, todo lo que está dentro del <pre> conserva tanto los espacios como los saltos de línea.

<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>

Resultado:

  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.

Siguiente artículo: Estilos HTML