Etiqueta HTML <p>
Ejemplo
Un párrafo se marca de la siguiente manera:
<p>This is some text in a paragraph.</p>
Más ejemplos de "Pruébelo usted mismo" a continuación.
Definición y uso
La <p>
etiqueta define un párrafo.
Los navegadores agregan automáticamente una sola línea en blanco antes y después de cada <p>
elemento.
Sugerencia: use CSS para diseñar párrafos .
Compatibilidad con navegador
Element | |||||
---|---|---|---|---|---|
<p> | Yes | Yes | Yes | Yes | Yes |
Atributos globales
La <p>
etiqueta también es compatible con los atributos globales en HTML .
Atributos de eventos
La <p>
etiqueta también es compatible con los atributos de eventos en HTML .
Más ejemplos
Ejemplo
Alinear texto en un párrafo (con CSS):
<p style="text-align:right">This is some text in a paragraph.</p>
Ejemplo
Estilo de párrafos con CSS:
<html>
<head>
<style>
p {
color: navy;
text-indent: 30px;
text-transform: uppercase;
}
</style>
</head>
<body>
<p>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.</p>
</body>
</html>
Ejemplo
Más sobre párrafos:
<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>
Ejemplo
Problemas de poemas en HTML:
<p>
My Bonnie lies over the ocean.
My Bonnie lies over the sea.
My
Bonnie lies over the ocean.
Oh, bring back my Bonnie to me.
</p>
páginas relacionadas
Tutorial HTML: Párrafos HTML
Referencia HTML DOM: objeto de párrafo
Configuración predeterminada de CSS
La mayoría de los navegadores mostrarán el <p>
elemento con los siguientes valores predeterminados:
Ejemplo
p {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
}