<p>
Un paragraphe de texte.
- Affichage
- block
- Balise fermante
- Obligatoire
- Contenu autorisé
- Contenu phrasant
Exemple
#<p>Le HTML décrit la structure de la page : ce qui est un titre, ce qui est un paragraphe, et ce qui est une liste.</p>
<p>Le CSS s’occupe de l’apparence, et le JavaScript du comportement.</p>Définition et utilisation
#L’élément <p> désigne un paragraphe, l’unité de base du texte sur une page. Par défaut, le navigateur ajoute au-dessus et au-dessous du paragraphe une marge égale à la hauteur d’une ligne.
Un paragraphe ne peut contenir que du contenu phrasant : du texte, des liens, des mises en valeur, des images et d’autres éléments en ligne. Vous ne pouvez pas y placer de liste, de tableau, de titre ni un autre paragraphe. Si vous essayez, le navigateur fermera lui-même le paragraphe juste avant un tel élément.
La balise fermante </p> peut formellement être omise, mais il vaut toujours mieux l’écrire. Le code est alors plus lisible, et la fermeture automatique ne vous surprendra pas.
Syntaxe
#<p>Contenu du paragraphe.</p>Attributs
#Cet élément n’a pas d’attributs propres. Il accepte les attributs globaux, comme class, id ou hidden.
CSS par défaut
#La plupart des navigateurs affichent cet élément avec ces styles par défaut :
p {
display: block;
margin-block: 1em;
}Compatibilité des navigateurs
#Largement disponible
Fonctionne dans tous les navigateurs modernes, y compris sur mobile. Vous pouvez l’utiliser sans crainte.
- Chrome
- Edge
- Firefox
- Safari
Bonnes pratiques
#- Ne créez pas d’espacement avec des paragraphes vides
<p></p>ou plusieurs<br>. Réglez les espacements en CSS. - Les paragraphes courts se lisent plus facilement, surtout sur téléphone.
Entrées associées
#- <br>Un retour à la ligne à l’endroit où il est inséré, sans commencer un nouveau paragraphe.
- <div>Un conteneur de bloc générique sans signification, pour grouper des éléments et les styliser.
- <span>Un conteneur en ligne générique sans signification, pour styliser un fragment de texte.
- <blockquote>Une citation plus longue provenant d’une autre source, affichée comme un bloc séparé et indenté.
- <pre>Un texte préformaté : il conserve les espaces, les tabulations et les retours à la ligne exactement comme dans le code.
Vous voyez une erreur ou il manque un exemple ? Écrivez-nous.