Cómo crear PÁRRAFOS en HTML [etiquetas p, br, hr, pre]

Logo de Cuarzo.dev
Cuarzo.dev

Recibe cada lunes y jueves un correo para ayudarte a impulsar tus habilidades de programación. Ofreciéndote consejos, tutoriales, recursos gratuitos, noticias relevantes y una comunidad comprometida. También tenemos memes 😏

Suscríbete Gratis

Si tienes alguna duda con el curso o te quedas en algún punto donde no sepas avanzar te puedes unir gratis a nuestra comunidad de discord y preguntar tus dudas, que la comunidad estará encantada de ayudarte.

Únete al discord

Párrafos HTML

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

See the Pen 1.7 - Párrafos - 1 by Francisco Palomares Barrios (@kikopalomares) on CodePen.

Visualización HTML

  • No puedes estar seguro de cómo se mostrará para cada usuario.
  • Pantallas grandes, pequeñas o las ventanas redimensionadas crearán resultados diferentes.

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

See the Pen HTML | 1.7 - Párrafos - espacios en blanco ignorados by Francisco Palomares Barrios (@kikopalomares) on CodePen.

No te olvides de cerrar el tag

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

See the Pen 1.7 - Párrafos - 3 by Francisco Palomares Barrios (@kikopalomares) on CodePen.

Saltos de línea HTML

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

Usa <br> si quieres un salto de línea (una nueva línea) sin comenzar un nuevo párrafo.

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

See the Pen 1.7 - Párrafos - 4 by Francisco Palomares Barrios (@kikopalomares) on CodePen.

El problema de los poemas

Este poema en HTML se verá todo en una sola línea

See the Pen HTML | 1.7 - Párrafos - El problema de los poemas by Francisco Palomares Barrios (@kikopalomares) on CodePen.

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 (generalmente Courier), y conserva espacios y saltos de línea

See the Pen HTML | 1.7 - Párrafos - pre by Francisco Palomares Barrios (@kikopalomares) on CodePen.

Al suscribirte estás aceptando los términos de uso y la política de privacidad. Puedes darte de baja en cualquier momento.

Libro No todo es programar de Kiko Palomares
Koding Beats