Balise HTML <p>
Exemple
Un paragraphe est balisé comme suit :
<p>This is some text in a paragraph.</p>
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
La <p>
balise définit un paragraphe.
Les navigateurs ajoutent automatiquement une seule ligne vide avant et après chaque <p>
élément.
Conseil : utilisez CSS pour styliser les paragraphes .
Prise en charge du navigateur
Element | |||||
---|---|---|---|---|---|
<p> | Yes | Yes | Yes | Yes | Yes |
Attributs globaux
La <p>
balise prend également en charge les attributs globaux en HTML .
Attributs d'événement
La <p>
balise prend également en charge les attributs d'événement en HTML .
Plus d'exemples
Exemple
Aligner du texte dans un paragraphe (avec CSS) :
<p style="text-align:right">This is some text in a paragraph.</p>
Exemple
Stylez les paragraphes avec 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>
Exemple
En savoir plus sur les paragraphes :
<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>
Exemple
Problèmes de poème 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>
Pages connexes
Tutoriel HTML : Paragraphes HTML
Référence HTML DOM : Objet Paragraphe
Paramètres CSS par défaut
La plupart des navigateurs afficheront l' <p>
élément avec les valeurs par défaut suivantes :
Exemple
p {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
}