Paragraphes HTML
Un paragraphe commence toujours sur une nouvelle ligne et est généralement un bloc de texte.
Paragraphes HTML
<p>L' élément HTML définit un paragraphe.
Un paragraphe commence toujours sur une nouvelle ligne et les navigateurs ajoutent automatiquement un espace blanc (une marge) avant et après un paragraphe.
Exemple
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
Affichage HTML
Vous ne pouvez pas être sûr de la façon dont 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 l'affichage en ajoutant des espaces ou des lignes supplémentaires dans votre code HTML.
Le navigateur supprimera automatiquement tous les espaces et lignes supplémentaires lors de l'affichage de la page :
Exemple
<p>
This paragraph
contains a lot of lines
in the source code,
but
the browser
ignores it.
</p>
<p>
This paragraph
contains
a lot of spaces
in the source
code,
but the browser
ignores
it.
</p>
Règles horizontales HTML
La <hr>balise définit une rupture thématique dans une page HTML et s'affiche le plus souvent sous la forme d'une règle horizontale.
L' <hr>élément est utilisé pour séparer le contenu (ou définir un changement) dans une page HTML :
Exemple
<h1>This is heading 1</h1>
<p>This is some text.</p>
<hr>
<h2>This is heading 2</h2>
<p>This is some other text.</p>
<hr>
La <hr>balise est une balise vide, ce qui signifie qu'elle n'a pas de balise de fin.
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>This is<br>a paragraph<br>with line breaks.</p>
La <br>balise est une balise vide, ce qui signifie qu'elle n'a pas de balise de fin.
Le problème du poème
Ce poème s'affichera sur une seule ligne :
Exemple
<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>
Solution - L'élément HTML <pre>
L'élément HTML <pre>définit le texte préformaté.
Le texte à l'intérieur d'un <pre>élément est affiché dans une police à largeur fixe (généralement Courier), et il préserve à la fois les espaces et les sauts de ligne :
Exemple
<pre>
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.
</pre>
Exercices HTML
Référence des balises HTML
La référence de balise de W3Schools contient des informations supplémentaires sur les éléments HTML et leurs attributs.
| Tag | Description |
|---|---|
| <p> | Defines a paragraph |
| <hr> | Defines a thematic change in the content |
| <br> | Inserts a single line break |
| <pre> | Defines pre-formatted text |
Pour une liste complète de toutes les balises HTML disponibles, consultez notre Référence des balises HTML .