HTML Paragraphes
Un paragraphe commence toujours sur une nouvelle ligne et constitue généralement un bloc de texte.
Paragraphes HTML
L'élément HTML <p> définit un paragraphe.
Un paragraphe commence toujours sur une nouvelle ligne, et les navigateurs ajoutent automatiquement un peu d'espace blanc (une marge) avant et après un paragraphe.
Exemple
<p>Ceci est un paragraphe.</p>
<p>Ceci est un autre paragraphe.</p> Affichage HTML
Vous ne pouvez pas être sûr de la manière dont le HTML sera affiché.
Des écrans grands ou petits, ainsi que des fenêtres redimensionnées, donneront des résultats différents.
Avec le 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 tout espace ou ligne 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> Règles horizontales HTML
La balise <hr> définit une rupture thématique dans une page HTML et est le plus souvent affichée comme une règle horizontale.
L'élément <hr> est utilisé pour séparer le contenu (ou définir un changement) dans une page HTML :
Exemple
<h1>Ceci est le titre 1</h1>
<p>Ceci est un texte.</p>
<hr>
<h2>Ceci est le titre 2</h2>
<p>Ceci est un autre texte.</p>
<hr> La balise <hr> 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 souhaitez un saut de ligne (une nouvelle ligne) sans commencer un nouveau paragraphe :
Exemple
<p>Ceci est<br>un paragraphe<br>avec des sauts de ligne.</p> La balise <br> 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>
Mon Bonnie est au-delà de l'océan.
Mon Bonnie est au-delà de la mer.
Mon Bonnie est au-delà de l'océan.
Oh, ramène-moi mon Bonnie.
</p> Solution - L'élément HTML <pre>
L'élément HTML <pre> définit du 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 préserve à la fois les espaces et les sauts de ligne :
Exemple
<pre>
Mon Bonnie est au-delà de l'océan.
Mon Bonnie est au-delà de la mer.
Mon Bonnie est au-delà de l'océan.
Oh, ramène-moi mon Bonnie.
</pre> Référence des balises HTML
La référence des balises de 'formation-ti.org' contient des informations supplémentaires sur les éléments HTML et leurs attributs.
| Balise | Description |
|---|---|
| <p> | Définit un paragraphe |
| <hr> | Définit un changement thématique dans le contenu |
| <br> | Insère un seul saut de ligne |
| <pre> | Définit du texte préformaté |
Pour une liste complète de toutes les balises HTML disponibles, visitez notre Référence des balises HTML .