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.
El marcado de un Párrafo se establece como a continuación se muestra:
<p>Esto es un Texto en un Párrafo.</p>
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.
Documento HTML Básico:
<!DOCTYPE html>
<html lang="es">
<head>
<title>Titulo de la Página</title>
</head>
<body>
<h1>Mi primera página</h1>
<p>Mi primer párrafo</p>
</body>
</html>
Atributos Globales HTML
Los Atributos Globales aplican a todas las etiquetas 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;
}
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>
El resultado es el siguiente:
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 el color del texto con los estilos CSS
Cambiar el color del texto a un párrafo es posible con los estilos CSS como se muestra a continuación:
<p style="color:red">Esto es un Texto Rojo en un Párrafo.</p>
El resultado es el siguiente:
Esto es un Texto Rojo en un Párrafo.
No se reconocen los saltos de línea en el código
Es Necesario notar que los bloques de párrafo no reconocen los saltos de línea en el código en donde se declaran.
En el siguiente código en donde se declara un párrafo, contiene varios saltos de línea, 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á.</p>
El resultado es el siguiente:
Este párrafo contiene varias líneas en el código donde se declara, pero el navegador web los ignorará.