HTML Paragraphs

HTML Paragraphs

La ruta del desarrollador web frontend autónomo🤹‍♂️


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


¿Qué son los párrafos HTML?

Son bloques de texto que se definen con el elemento <p>

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

Ejemplo:

<p>Soy un párrafo HTML.</p>
<p>HTML es el lenguaje de marcado estándar para crear páginas web.</p>

HTML Display

No podemos estar seguros de cómo se mostrará un documento HTML en una pantalla.

En pantallas grandes o pequeñas, y ventanas redimensionadas, se mostrarán de diferentes maneras.

En HTML, no permite cambiar la visualización del contenido agregando espacios o saltos de línea en el código HTML.

El navegador eliminará automáticamente cualquier espacio y línea adicional cuando se muestre la página:

Ejemplo:


Reglas horizontales HTML

La etiqueta <hr> define una división en una página HTML y se muestra con mayor frecuencia como una regla horizontal.

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

Ejemplo:

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


Saltos de línea HTML

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

Use <br> si desea agregar un salto de línea (nueva línea) sin crear un nuevo párrafo:

Ejemplo:

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


El poema del problema

Esta oración🙏 se mostrará en una sola línea:

Ejemplo:


Solución - El elemento <pre>

El elemento <pre> define texto preformateado.

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

Ejemplo:


Todas las etiquetas

EtiquetaDescripción
<p>Define a párrafo
<hr>Define una división en el contenido
<br>Inserta un salto de línea
<pre>Define texto pre formateado

Resumen

Un párrafo es un elemento de texto que podemos agregar a un documento HTML usando el elemento <p>.


Traducido con 💚 desde W3Schools.com

Did you find this article valuable?

Support Santos Romero by becoming a sponsor. Any amount is appreciated!