Saltar al contenido

Párrafos HTML

septiembre 23, 2021

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


Párrafos HTML

El HTML <p> elemento 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.


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:

Ejemplo


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

Este párrafo
contiene muchos espacios
en el código fuente,
pero el navegador
lo ignora.

Inténtalo tú mismo »



Reglas horizontales HTML

los <hr> La etiqueta define una pausa temática en una página HTML y, por lo general, se muestra como una regla horizontal.

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

Ejemplo

Este es el título 1

Este es un texto.


Este es el título 2

Este es otro texto.


Inténtalo tú mismo »

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


Saltos de línea HTML

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

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

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

Ejemplo


My Bonnie se encuentra sobre el océano.

Mi Bonnie yace sobre el mar.

My Bonnie se encuentra sobre el océano.

Oh, tráeme a mi Bonnie.

Inténtalo tú mismo »


Solución: el elemento HTML

El HTML <pre> elemento define texto preformateado.

El texto dentro de un <pre> El elemento se muestra en una fuente de ancho fijo (generalmente Courier) y conserva tanto los espacios como los saltos de línea:

Ejemplo


My Bonnie se encuentra sobre el océano.

Mi Bonnie yace sobre el mar.

My Bonnie se encuentra sobre el océano.

Oh, tráeme a mi Bonnie.

Inténtalo tú mismo »


Ejercicios HTML

Ponte a prueba con ejercicios

Ejercicio:

Utilice la etiqueta HTML correcta para agregar un párrafo con el texto «¡Hola, mundo!».









close