HTML Paragraphes

posted in: html | 0

L’élément HTML <p> définit un paragraphe :

Exemple

<p>Ceci est un paragraphe.</p>
<p>Ceci est un autre paragraphe.</p>

Essayez-le

Remarque : les navigateurs ajoutent automatiquement un espace blanc (une marge) avant et après un paragraphe.

HTML Affichage

Vous ne pouvez pas être sûr de la façon dont le HTML sera affiché. 

Des écrans grands ou petits et des fenêtres redimensionnées créeront des résultats différents. 

Avec HTML, vous ne pouvez pas modifier la sortie en ajoutant des espaces ou des lignes supplémentaires dans votre code HTML.

Le navigateur supprimera tous les espaces et lignes supplémentaires lorsque la page sera affichée:

Exemple

<p>
Ce paragraphe
contient beaucoup de lignes
dans le code source
mais le navigateur
l’ignore.
</p>

<p>
Ce paragraphe
contient         beaucoup d’espaces
dans le code         source,
mais le         navigateur
l’ignore.
</p>

Essayez-le

N’oubliez pas la balise de fin

La plupart des navigateurs afficheront correctement HTML même si vous oubliez la balise de fin:

Exemple

<p>Ceci est un paragraphe.
<p>Ceci est un autre paragraphe.

Essayez-le

L’exemple ci-dessus fonctionnera dans la plupart des navigateurs, mais ne vous y fiez pas. 

Remarque : la suppression de la balise de fin peut produire des résultats ou des erreurs inattendus.

Sauts de ligne HTML

L’élément HTML <br> définit un saut de ligne.

Utilisez <br> si vous voulez un saut de ligne (une nouvelle ligne) sans commencer un nouveau paragraphe :

Exemple

<p>Ceci est <br>un paragraphe <br>avec un saut de ligne.</p>

Essayez-le

La balise <br> est une balise vide, ce qui signifie qu’elle n’a pas de balise de fin.

La publication d’un poème

Ce poème s’affichera sur une seule ligne:

Exemple

<p>
  Mon amour vole au-dessus de l’océan.

  Mon amour vole au-dessus de l’océan.

  Mon amour vole au-dessus de l’océan.

  Oh, ramenez-moi mon amour.
</p>

Essayez-le

L’élément HTML <pre>

L’élément HTML <pre> définit le texte préformaté.

Le texte à l’intérieur d’un élément  <pre> est affiché dans une police à largeur fixe (généralement Courier), et il conserve à la fois les espaces et les sauts de ligne :

Exemple

<pre>
  Mon amour vole au-dessus de l’océan.

  Mon amour vole au-dessus de l’océan.

  Mon amour vole au-dessus de l’océan.

 Oh, ramenez-moi mon amour.
</pre>

Essayez-le

Document suivant : HTML Styles