Sauts de ligne
Fait partie de la section Fundamentals du Journey HTML de Coddy — leçon 8 sur 60.
En HTML, la balise <br> est utilisée pour créer un saut de ligne. Cette balise est utile lorsque vous souhaitez commencer du texte sur une nouvelle ligne sans créer de nouveau paragraphe. Contrairement à la balise <p>, qui ajoute une ligne vide avant et après le texte, la balise <br> déplace simplement le texte à la ligne suivante.
Voici comment vous pouvez utiliser la balise <br> en HTML :
<p>This is a line.<br>This is another line.</p>Dans cet exemple, « Ceci est une ligne. » et « Ceci est une autre ligne. » seront affichées sur des lignes distinctes au sein du même paragraphe. La balise <br> est un élément vide, ce qui signifie qu'elle n'a pas de balise de fermeture. Il vous suffit d'écrire <br> là où vous souhaitez que le saut de ligne se produise.
Défi
FacileOn vous donne un document HTML avec un paragraphe. Utilisez un saut de ligne pour que le texte apparaisse comme ceci :
Hello, world!
This is a new line.Aide-mémoire
La balise <br> crée un saut de ligne pour commencer le texte sur une nouvelle ligne sans créer de nouveau paragraphe :
<p>This is a line.<br>This is another line.</p>La balise <br> est un élément vide sans balise de fermeture.
Essayez vous-même
<!DOCTYPE html>
<html>
<body>
<p>Hello, world!This is a new line.</p>
</body>
</html>Cette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.
Toutes les leçons de Fundamentals
1Les bases du HTML
Qu'est-ce que le HTML ?Structure de base du HTMLBalises et élémentsImbrication et fermeture des balisesCommentaires en HTML7Page de profil personnel
Présentation du projetSection d'en-tête2Texte et mise en forme
TitresParagraphesSauts de ligneTexte en gras et italiqueGras et italique (suite)Récapitulatif - Mise en forme8Formulaires et champs de saisie, partie 1
Bases des formulairesChamps de texteAttributs des champsChamp de mot de passeLibellés pour les champsRécapitulatif - Formulaire de base11Page d'inscription à un événement
Aperçu du projetSection d'en-tête3Travailler avec les listes
Liste non ordonnéeListe ordonnéeListes imbriquéesRécapitulatif - Les listes6Mise en page
DivisionsSpans en ligneBalises sémantiquesSections et articlesRécapitulatif - Mise en page