MEJOR SITIO PARA DESARROLLADORES WEB
HTML5 Lecciones para principiantes

Ua En De

HTML Párrafos


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


HTML Párrafos

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

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

Ejemplo

<p>Este es un párrafo.</p>
<p>Este es otro párrafo.</p>
Inténtalo tú mismo »

HTML Mostrar

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

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

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

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

Ejemplo

<p>
Este párrafo
contiene muchas líneas
en el código fuente,
pero el navegador
lo ignora.
</p>

<p>
Este párrafo
contiene         muchos espacios
en la fuente         código,
pero el        el navegador
lo ignora.
</p>
Inténtalo tú mismo »

HTML Reglas horizontales

La etiqueta <hr> define una ruptura temática en una página HTML y suele mostrarse como una regla horizontal.

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

Ejemplo

<h1>Esto se dirige 1</h1>
<p>Este es un texto.</p>
<hr>
<h2>Esto se dirige 2</h2>
<p>Este es otro texto.</p>
<hr>
Inténtalo tú mismo »

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


HTML Saltos de línea

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

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

Ejemplo

<p>Este es<br>un párrafo<br>con saltos de línea.</p>
Inténtalo tú mismo »

La etiqueta <br> 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:

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>
Inténtalo tú mismo »

Solución: 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 (normalmente Courier) y conserva espacios y saltos de línea:

Ejemplo

<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>
Inténtalo tú mismo »

HTML Ejercicios

Ponte a prueba con ejercicios

Ejercicio:

Utilice la etiqueta HTML correcta para agregar un párrafo con el texto "Hello World!".

<html>
<body>

</body>
</html>


HTML Referencia de etiqueta

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

Tag Descripción
<p> Define un párrafo
<hr> Define un cambio temático en el contenido
<br> Insertar un salto de línea
<pre> Define texto preformateado

Para obtener una lista completa de todas las etiquetas HTML disponibles, visite nuestra Referencia de etiquetas HTML en nuestro sitio web W3SchoolsES. ElMejor.