Tag HTML <p>
Esempio
Un paragrafo è contrassegnato come segue:
<p>This is some text in a paragraph.</p>
Altri esempi "Provalo da solo" di seguito.
Definizione e utilizzo
Il <p>
tag definisce un paragrafo.
I browser aggiungono automaticamente una singola riga vuota prima e dopo ogni <p>
elemento.
Suggerimento: usa i CSS per definire lo stile dei paragrafi .
Supporto browser
Element | |||||
---|---|---|---|---|---|
<p> | Yes | Yes | Yes | Yes | Yes |
Attributi globali
Il <p>
tag supporta anche gli attributi globali in HTML .
Attributi dell'evento
Il <p>
tag supporta anche gli attributi dell'evento in HTML .
Altri esempi
Esempio
Allinea il testo in un paragrafo (con CSS):
<p style="text-align:right">This is some text in a paragraph.</p>
Esempio
Stile paragrafi 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>
Esempio
Altro sui paragrafi:
<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>
Esempio
Problemi di poesia in 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>
Pagine correlate
Esercitazione HTML: paragrafi HTML
Riferimento HTML DOM: Oggetto Paragrafo
Impostazioni CSS predefinite
La maggior parte dei browser visualizzerà l' <p>
elemento con i seguenti valori predefiniti:
Esempio
p {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
}