Párrafos HTML
Un párrafo siempre comienza en una nueva línea y suele ser un bloque de texto.
Párrafos HTML
El elemento HTML <p>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.
Ejemplo
<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 crearán resultados diferentes.
Con HTML, no puede cambiar la visualización agregando espacios adicionales o líneas adicionales en su código HTML.
El navegador eliminará automáticamente cualquier espacio y línea adicional cuando se muestre la página:
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>
Reglas horizontales HTML
La <hr>etiqueta define una ruptura temática en una página HTML y, con mayor frecuencia, se muestra como una regla horizontal.
El <hr>elemento se usa para separar el contenido (o definir un cambio) en una página HTML:
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>
La <hr>etiqueta es una etiqueta vacía, lo que significa que no tiene una etiqueta final.
Saltos de línea HTML
El elemento HTML <br>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:
Ejemplo
<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 una 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>
Solución: el elemento HTML <pre>
El elemento HTML <pre>define texto con formato previo.
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:
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>
Ejercicios HTML
Referencia de etiquetas HTML
La etiqueta de referencia de W3Schools contiene información adicional sobre los elementos HTML y sus atributos.
| Tag | Description |
|---|---|
| <p> | Defines a paragraph |
| <hr> | Defines a thematic change in the content |
| <br> | Inserts a single line break |
| <pre> | Defines pre-formatted text |
Para obtener una lista completa de todas las etiquetas HTML disponibles, visite nuestra Referencia de etiquetas HTML .