HTML <p> Tag
Exemplo
Um parágrafo é marcado da seguinte forma:
<p>This is some text in a paragraph.</p>
Mais exemplos de "Experimente você mesmo" abaixo.
Definição e uso
A <p>
tag define um parágrafo.
Os navegadores adicionam automaticamente uma única linha em branco antes e depois de cada <p>
elemento.
Dica: Use CSS para estilizar parágrafos .
Suporte ao navegador
Element | |||||
---|---|---|---|---|---|
<p> | Yes | Yes | Yes | Yes | Yes |
Atributos Globais
A <p>
tag também suporta os Atributos Globais em HTML .
Atributos do evento
A <p>
tag também suporta os atributos de evento em HTML .
Mais exemplos
Exemplo
Alinhar texto em um parágrafo (com CSS):
<p style="text-align:right">This is some text in a paragraph.</p>
Exemplo
Estilizar parágrafos com 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>
Exemplo
Mais sobre parágrafos:
<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>
Exemplo
Problemas de poemas em 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: Parágrafos HTML
Referência HTML DOM: objeto de parágrafo
Configurações padrão de CSS
A maioria dos navegadores exibirá o <p>
elemento com os seguintes valores padrão:
Exemplo
p {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
}