Los últimos tutoriales de desarrollo web

Los párrafos HTML


Los documentos HTML se dividen en párrafos.


Los párrafos HTML

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

Ejemplo

<p>This is a paragraph</p>
<p>This is another paragraph</p>
Inténtalo tú mismo "

Navegadores añaden automáticamente algún espacio en blanco antes y después de un párrafo.


Pantalla HTML

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

Grandes o pequeñas pantallas y ventanas redimensionadas crearán diferentes resultados.

Con HTML, no se puede cambiar la salida mediante la adición de espacios adicionales o líneas adicionales en el código HTML.

El navegador quitar los espacios adicionales y líneas adicionales cuando se muestra la página.

Cualquier número de espacios, y cualquier número de líneas nuevas, cuentan como un único espacio.

Ejemplo

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

No se olvide de la etiqueta de cierre

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

Ejemplo

<p>This is a paragraph
<p>This is another paragraph
Inténtalo tú mismo "

El ejemplo anterior funcionará en la mayoría de los navegadores, pero no confiar en ella.

El olvido de la etiqueta final puede producir resultados inesperados o errores.

Las versiones más estrictas de HTML, como XHTML, no permiten que se salte la etiqueta final.


Saltos de línea HTML

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

Utilice <br> si quieres un salto de línea (a new line) sin comenzar un nuevo párrafo:

Ejemplo

<p>This is<br>a para<br>graph with line breaks</p>
Inténtalo tú mismo "

El <br> elemento es un elemento HTML vacía. No tiene ninguna etiqueta final.


El problema poema

Este poema se mostrará como una 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 "

El HTML <pre> Element

El HTML <pre> elemento define el texto preformateado.

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

Ponte a prueba con los ejercicios!

Ejercicio 1 » Ejercicio 2» Ejercicio 3 » Ejercicio 4»


Referencia de Etiquetas HTML

w3ii' referencia etiqueta contiene información adicional sobre los elementos HTML y sus atributos.

Etiqueta Descripción
<p> Define un párrafo
<br> Inserta un solo salto de línea
<pre> Define pre-texto con formato