Párrafos HTML

Un párrafo siempre comienza en una nueva línea y suele ser un bloque de texto.


Párrafos HTML

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

Un párrafo siempre comienza en una nueva línea y los navegadores agregan automáticamente un espacio en blanco (un margen) antes y después de un párrafo.

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

Pantalla HTML

No puede estar seguro de cómo se mostrará HTML.

Las pantallas grandes o pequeñas y las ventanas redimensionadas generarán resultados diferentes.

Con HTML, no puede cambiar la visualización agregando espacios o líneas adicionales en su código HTML.

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



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

Reglas horizontales HTML

La <hr>etiqueta define un salto temático en una página HTML y, con mayor frecuencia, se muestra como una regla horizontal.

El <hr>elemento se utiliza para separar el contenido (o definir un cambio) en una página HTML:

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

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


Saltos de línea HTML

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

Úselo <br> si desea un salto de línea (una nueva línea) sin comenzar un nuevo párrafo:

<p>This is<br>a paragraph<br>with line breaks.</p>

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


El problema del poema

Este poema se mostrará en una sola línea:

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

Solución: el elemento HTML <pre>

El <pre>elemento HTML define texto preformateado.

El texto dentro de un <pre>elemento se muestra en una fuente de ancho fijo (generalmente Courier) y 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>


Referencia de etiqueta HTML

La referencia de etiquetas de W3Schools contiene información adicional sobre los elementos HTML y sus atributos.

TagDescription
<p>Define un párrafo
<hr>Define un cambio temático en el contenido
<br>Inserta un único salto de línea
<pre>Define el texto preformateado

Conceptos Relacionados