<p>

La balise <p> est utilisée en HTML pour délimiter un paragraphe de texte. Elle est l'une des balises les plus couramment utilisées pour structurer le contenu textuel sur une page Web.

Structure et syntaxe de la balise <p>

Structure et syntaxe de base

La balise <p> est une balise conteneur, ce qui signifie qu'elle nécessite une balise de fermeture. Elle est là pour englober du texte. Voici sa syntaxe de base :

<p>Contenu du paragraphe</p>

Elle regroupe du texte ou d'autres éléments inline pour former un paragraphe distinct.

Exemple d'utilisation

Prenons un exemple pratique :

<p>Voici un paragraphe de texte clair et concis.</p>

Dans cet exemple, le contenu est entouré par la balise <p>, ce qui le rend distinct et isolé des autres éléments sur la page.

Essayez par vous-même ! 😉

Attributs

La balise <p> accepte les attributs standards du HTML, comme :

• class : pour appliquer des styles CSS personnalisés avec une classe ;
• id : pour identifier un paragraphe unique dans la page ;
• style : pour appliquer des styles CSS directement sur la balise.

Bonnes pratiques

• Utilisez <p> pour structurer votre contenu textuel en paragraphes distincts (ce qui améliore la lisibilité).
• Évitez de l'utiliser pour des mises en page complexes ; dans ce cas, préférez des balises comme <div>.
• Pour un saut de ligne simple au sein d'un paragraphe, vous pouvez utiliser la balise <br>.

Différence avec d'autres balises similaires

• <br> : La balise <br> permet un simple saut de ligne dans un texte, tandis que <p> crée un paragraphe distinct.
• <div> : Contrairement à <p>, la balise <div> est un conteneur général. Elle peut regrouper des paragraphes par exemple ainsi que des images, mais ne créera pas de marges contrairement à un paragraphe qui en ajoutera une au-dessus automatiquement.

Compatibilité des navigateurs

La balise <p> est prise en charge par tous les navigateurs modernes.