Tag HTML <p>

Definizione e uso

<p> etichetta definisce il paragrafo.

Il browser aggiunge automaticamente una <p> Aggiungere un'intera riga vuota prima e dopo l'elemento.

Suggerimento:Utilizzare CSS Impostare lo stile del paragrafo.

Vedere anche:

Tutorial HTML:Paragrafo HTML

Manuale di riferimento HTML DOM:Oggetto Paragraph

Esempio

Esempio 1

Eseguire come segue per contrassegnare i paragrafi:

<p>Questo è un testo all'interno di un paragrafo.</p>

Prova tu stesso

Esempio 2

Allineare il testo all'interno del paragrafo (utilizzando CSS):

<p style="text-align:right">Questo è un testo all'interno di un paragrafo.</p>

Prova tu stesso

Esempio 3

Utilizzare CSS per impostare lo stile dei paragrafi:

<html>
<head>
<style>
p {
  color: navy;
  text-indent: 30px;
  text-transform: uppercase;
}
</style>
</head>
<body>
<p>La Cina, ufficialmente la Repubblica Popolare Cinese (RPC), è un paese dell'Asia orientale. È il secondo paese più popoloso del mondo, con una popolazione superiore ai 1,4 miliardi. La Cina copre l'equivalente di cinque fusi orari e confina con quattordici paesi per terra. Con una superficie di quasi 9,6 milioni di chilometri quadrati (3,700,000 sq mi), è il terzo paese più grande per superficie totale. Il paese è diviso in 22 province, cinque regioni autonome, quattro municipalità e due regioni amministrative speciali semi-autonome. Pechino è la capitale nazionale, mentre Shanghai è la città più popolosa e il più grande centro finanziario.</p>
</body>
</html>

Prova tu stesso

Esempio 4

Più paragrafi:

<p>
nel codice sorgente
Questo paragrafo
contengono molte righe.
Ma i browser
Ignoralo.
</p>

Prova tu stesso

Esempio 5

Problema poetico in HTML:

<p>
　　Partendo dal Taiji tra nuvole colorate.
　　Milena di Jingling in un giorno.
　　Le voci degli scimmie sulle rive non si fermano.
　　La barca ha superato mille colline.
</p>

Prova tu stesso

Proprietà globali

<p> Il tag supporta anche Proprietà globali in HTML.

Proprietà di evento

<p> Il tag supporta anche Proprietà di evento in HTML.

Impostazioni CSS predefinite

La maggior parte dei browser utilizzerà i seguenti valori predefiniti per visualizzare <p> Elemento:

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

Prova tu stesso

Supporto browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto