Balise HTML <p>

Définition et utilisation

<p> balise définit un paragraphe.

Le navigateur ajoutera automatiquement un <p> Ajoutez une ligne blanche avant et après l'élément.

Astuce :Utilisez CSS Définir le style des paragraphes.

Voir également :

Tutoriel HTML :Paragraphe HTML

Manuel de référence HTML DOM :Objet Paragraph

Exemple

Exemple 1

Marquez les paragraphes comme suit :

<p>Ceci est un certain texte dans un paragraphe.</p>

Essayer par vous-même

Exemple 2

Aligner le texte dans un paragraphe (utilisez CSS) :

<p style="text-align:right">Ceci est un certain texte dans un paragraphe.</p>

Essayer par vous-même

Exemple 3

Utilisez CSS pour définir le style des paragraphes :

<html>
<head>
<style>
p {
  color: navy;
  text-indent: 30px;
  text-transform: uppercase;
}
</style>
</head>
<body>
<p>La Chine, officiellement la République populaire de Chine (RPC), est un pays d'Asie de l'Est. C'est le deuxième pays le plus peuplé du monde, avec une population dépassant 1,4 milliard. La Chine couvre l'équivalent de cinq fuseaux horaires et frontière avec quatorze pays par terre. Avec une superficie d'environ 9,6 millions de kilomètres carrés (3,700,000 milles carrés), c'est le troisième plus grand pays en termes de superficie totale. Le pays est divisé en 22 provinces, cinq régions autonomes, quatre municipalités et deux régions administratives spéciales semi-autonomes. Pékin est la capitale nationale, tandis que Shanghai est la ville la plus peuplée et le plus grand centre financier.</p>
</body>
</html>

Essayer par vous-même

Exemple 4

Plus de paragraphes :

<p>
dans le code source.
Ce paragraphe
contiennent de nombreuses lignes.
Mais les navigateurs
Ignorer-le.
</p>

Essayer par vous-même

Exemple 5

Problème de poésie dans HTML :

<p>
　　Partir vers Baizuï en passant par des nuages colorés.
　　Retour à Jiangling en un jour depuis des milliers de lieues.
　　Les cris des singes des deux rives ne peuvent s'arrêter.
　　La barque a déjà traversé des milliers de montagnes.
</p>

Essayer par vous-même

Attributs globaux

<p> Les balises prennent également en charge Attributs globaux dans HTML.

Attributs d'événement

<p> Les balises prennent également en charge Attributs d'événement dans HTML.

Configuration CSS par défaut

La plupart des navigateurs utiliseront les valeurs par défaut suivantes pour afficher <p> Élément :

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

Essayer par vous-même

Compatibilité du navigateur

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support