Párrafos en HTML

< Anterior Siguiente >

¿Qué es un párrafo en HTML?

Un párrafo en HTML se define utilizando la etiqueta <p>. Los párrafos son bloques de texto que se agrupan para formar una unidad lógica de contenido. HTML ajusta automáticamente los espacios y saltos de línea entre los párrafos.

Ejemplo básico de párrafo

Aquí tienes un ejemplo simple de cómo se definen varios párrafos en HTML:

<p>Este es el primer párrafo.</p>
<p>Este es el segundo párrafo.</p>
<p>Este es el tercer párrafo.</p>

Resultado visual en el navegador

Cuando el código anterior se renderiza en un navegador, se verán los párrafos separados por un espacio vertical, ya que los navegadores añaden un margen superior e inferior a los párrafos por defecto.

Saltos de línea dentro de párrafos

Si necesitas forzar un salto de línea dentro de un párrafo, puedes usar la etiqueta <br>:

<p>Este es un párrafo con un salto de línea.<br>
Este texto aparecerá en una nueva línea.</p>

Texto preformateado

Si necesitas que el texto respete los saltos de línea y espacios tal como los escribes en el código, puedes utilizar la etiqueta <pre>:

<pre>
Este es un     texto con
    espacios y saltos de línea
preformateados.
</pre>

Estilizar párrafos con CSS

Puedes cambiar el aspecto de los párrafos utilizando CSS. Por ejemplo, puedes cambiar el color, la alineación, el tamaño de la fuente, etc.:

<style>
p {
    color: blue;
    text-align: center;
    font-size: 16px;
}
</style>

<p>Este párrafo estará alineado al centro, con texto azul y un tamaño de fuente de 16px.</p>