Etiqueta <p> do HTML

Definição e uso

<p> etiqueta define um parágrafo.

O navegador adiciona automaticamente uma <p> Adicione uma linha em branco antes e depois do elemento.

Dica:Use CSS Definir estilo de parágrafo.

Veja também:

Tutorial de HTML:Parágrafo HTML

Manual de Referência do DOM HTML:Objeto Paragraph

Exemplo

Exemplo 1

Marque os parágrafos assim:

<p>Este é um texto dentro de um parágrafo.</p>

Experimente você mesmo

Exemplo 2

Alinhar o texto do parágrafo (usando CSS):

<p style="text-align:right">Este é um texto dentro de um parágrafo.</p>

Experimente você mesmo

Exemplo 3

Use CSS para definir estilos de parágrafos:

<html>
<head>
<style>
p {
  color: navy;
  text-indent: 30px;
  text-transform: uppercase;
}
</style>
</head>
<body>
<p>China, oficialmente a República Popular da China (RPC), é um país na Ásia Oriental. É o segundo país mais populoso do mundo, com uma população superior a 1,4 bilhão. A China abrange o equivalente a cinco fusos horários e compartilha fronteiras com quatorze países por terra. Com uma área de quase 9,6 milhões de quilômetros quadrados (3,700,000 sq mi), é o terceiro maior país em área territorial total. O país é dividido em 22 províncias, cinco regiões autônomas, quatro municípios e duas regiões administrativas especiais semi-autônomas. Pequim é a capital nacional, enquanto Xangai é a cidade mais populosa e o maior centro financeiro.</p>
</body>
</html>

Experimente você mesmo

Exemplo 4

Mais parágrafos:

<p>
no código-fonte,
Este parágrafo
contêm muitas linhas,
Mas os navegadores
Ignorar isso.
</p>

Experimente você mesmo

Exemplo 5

Pergunta sobre poemas no HTML:

<p>
　　Departing from Baidi in the colorful clouds between the sky and the earth,
　　One day's journey from Jiangling a thousand miles.
　　The猿声两岸不停啼，
　　The boat has passed through ten thousand mountains.
</p>

Experimente você mesmo

Atributos globais

<p> A tag também suporta Atributos globais no HTML.

Atributos de evento

<p> A tag também suporta Atributos de evento no HTML.

Configurações CSS padrão

A maioria dos navegadores usará os seguintes valores padrão para exibir <p> Elemento:

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

Experimente você mesmo

Suporte ao navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte