MEILLEUR SITE POUR LES DÉVELOPPEURS WEB
HTML5 Cours pour débutants

En Ua Es De

HTML Paragraphes


Un paragraphe commence toujours sur une nouvelle ligne et est généralement un bloc de texte.


HTML Paragraphes

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

Un paragraphe commence toujours sur une nouvelle ligne et les navigateurs ajoutent automatiquement des espaces (une marge) avant et après un paragraphe.

Exemple

<p>Ceci est un paragraphe.</p>
<p>Ceci est un autre paragraphe.</p>
Try it Yourself »

HTML Afficher

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

Les écrans grands ou petits et les 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 lorsque la page est 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>
Try it Yourself »

HTML Règles horizontales

La balise <hr> définit un saut thématique dans une page HTML, et est le plus souvent affichée sous forme de 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>C'est le cap 1</h1>
<p>Ceci est un texte.</p>
<hr>
<h2>C'est le cap 2</h2>
<p>Ceci est un autre texte.</p>
<hr>
Try it Yourself »

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


HTML Sauts de ligne

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
un paragraphe
avec des sauts de ligne.</p>
Try it Yourself »

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>
  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>
Try it Yourself »

Solution - 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 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>
Try it Yourself »

HTML Exercices

Testez-vous avec des exercices

Exercice :

Utilisez la bonne balise HTML pour ajouter un paragraphe avec le texte "Hello World!".

<html>
<body>

</body>
</html>


HTML Référence de la balise

La référence des balises de W3Schools contient des informations supplémentaires sur les éléments HTML et leurs attributs.

Étiquette Description
<p> Définit un paragraphe
<hr> Définit un changement thématique dans le contenu
<br> Insérer un seul saut de ligne
<pre> Définit le texte préformaté

Pour une liste complète de toutes les balises HTML disponibles, visitez notre Référence des balises HTML sur notre site Web W3SchoolsFR. Le meilleur.


HTML - Paragraphes - Vidéo W3Schools

Cette vidéo est une explication des paragraphes en HTML.

Fait partie d'une série de didacticiels vidéo pour apprendre le HTML pour les débutants !



Commentaires