La Etiqueta P

La etiqueta <p> tiene la funcionalidad de definir un Párrafo. Los párrafos son Elementos de Bloque que sirven como contenedor de texto y/o otros Elementos en Línea.

El Elemento <p> se conforma por su etiqueta de apertura, su contenido y su etiqueta de cierre. Pero hay que notar que si existe otro Elemento de Bloque antes de la Etiqueta de Cierre, el bloque de Párrafo se cierra automáticamente.

Predeterminadamente, los navegadores web agregan una línea de especiado en blanco tanto antes como después de cada elemento <p>, pero es posible modificar dicho espaciado y entre otros comportamientos, a través de los estilos en cascada CSS y así modificar la visualización de estos párrafos para los visitantes y/o usuarios.

El marcado de un Párrafo se establece como a continuación se muestra:

<p>Esto es un Texto en un Párrafo.</p>

Atributo	Descripción
lang	Establece el idioma del contenido en un Elemento HTML.

Este elemento soporta los Atributos de Evento HTML.

Configuración CSS Predeterminada

La mayoría de los navegadores web desplegará el elemento <p> con los siguientes valores por defecto:

p {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
}

Ejemplos

Alinear el texto con los estilos CSS

Alinear el texto de un Párrafo es posible con los estilos CSS como se muestra a continuación:

<p style="text-align:left">Esto es un Texto en un Párrafo.</p>
<p style="text-align:center">Esto es un Texto en un Párrafo.</p>
<p style="text-align:right">Esto es un Texto en un Párrafo.</p> 

Esto es un Texto en un Párrafo.

Esto es un Texto en un Párrafo.

Esto es un Texto en un Párrafo.

Cambiar la apariencia con CSS

p {
  color: navy;
  text-indent: 30px;
  text-transform: uppercase;
}

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

No reconoce los saltos de línea en el código

Necesario notar que los bloques de párrafo no reconocen los saltos de línea en el código en donde se declaran:

<p>
Este párrafo
contiene varias líneas
en el código donde se declara,
pero el navegador web
los ignorará.
</p>

Este párrafo contiene varias líneas en el código donde se declara, pero el navegador web los ignorará.