Commencer une nouvelle ligne en HTML
-
Utilisez la balise
<br>pour rompre la ligne en HTML -
Utilisez la balise
<pre>pour rompre la ligne en HTML -
Utilisez la balise
<p>pour rompre la ligne en HTML
Cet article présente trois méthodes pour rompre la ligne dans un code HTML. Briser la ligne signifie généralement commencer la nouvelle ligne à partir de là.
Utilisez la balise <br> pour rompre la ligne en HTML
Nous pouvons utiliser la balise <br> pour couper la ligne dans le code HTML. A l’intérieur du <body> du code HTML, nous tapons quelque chose de notre choix, et lorsque nous voulons changer la ligne, nous utilisons la balise <br> juste après le contenu et recommençons à taper le contenu. Nous pouvons également utiliser la balise <br/> au lieu de la balise <br>, ce qui donne le même résultat que ci-dessus. De plus, si l’on veut insérer deux sauts de ligne, on peut taper deux fois la balise <br>. Cela implique que le nombre de sauts de ligne que nous souhaitons avoir, nous devons taper la balise <br> le même nombre de fois.
Par exemple, à l’intérieur du corps HTML, écrivez le texte de votre choix. Utilisez la balise <br> après le texte où vous souhaitez couper la ligne. Cela déplace vos lecteurs restants vers l’autre ligne. Utilisez la balise deux fois de suite n’importe où dans le texte.
L’exemple ci-dessous crée une nouvelle ligne après un texte particulier dans le code HTML. Après la première phrase à l’intérieur du corps HTML dans le code ci-dessous, la balise <br> coupe la ligne. Par conséquent, le texte restant passe à la ligne suivante. Après avoir complété cette ligne, la balise <br/> est utilisée deux fois, ce qui indique que la ligne est rompue deux fois.
Exemple de code :
<body>
Hi, I am here to learn how to break the line in HTML. <br> In this method, I'm using the br tag. <br/> <br/> I would like to be a good programmer in the future.
</body>
Production:
Hi, I am here to learn how to break the line in HTML.
In this method, I'm using the br tag.
I want to be a good programmer in the future.
Utilisez la balise <pre> pour rompre la ligne en HTML
Nous pouvons également utiliser la balise <pre> à l’intérieur du corps HTML pour couper la ligne. Cette méthode est légèrement différente de celle expliquée ci-dessus. L’élément <pre> permet d’afficher le texte exactement tel qu’il est tapé. A l’intérieur de la balise <pre>, on tape des textes dans les différentes lignes en appuyant sur la touche entrée où on veut et on ferme la balise. Par conséquent, il affiche les textes dans des lignes séparées au fur et à mesure que nous les avons tapés. Mais si nous n’utilisons pas la balise <pre>, le texte sera affiché sur la même ligne sans aucun saut de ligne, peu importe combien de fois nous appuyons sur Entrée dans le texte.
Par exemple, écrivez une balise <pre> à l’intérieur du corps HTML. Tapez ensuite le texte souhaité et donnez un saut de ligne en appuyant sur Entrée où vous le souhaitez pour insérer le saut de ligne. Après avoir fini d’écrire le texte, fermez la balise </pre> et fermez la balise <body>.
L’illustration ci-dessous crée un saut de ligne dans le code HTML. Lorsque le texte souhaité est tapé et que le saut de ligne est inséré en appuyant sur Entrée dans le texte à l’intérieur du corps HTML. La balise <pre> permet d’afficher la sortie de la même manière qu’elle est saisie. Lorsque la balise <pre> est omise, tous les textes apparaîtront sur la même ligne. Cela montre que la balise <pre> permet d’insérer le saut de ligne.
Exemple de code :
<body>
<pre>
Hi, I am here to learn how to break the line in HTML.
In this method, I'm using the pre tag.
I would like to be a good programmer in the future.
</pre>
</body>
Production:
Utilisez la balise <p> pour rompre la ligne en HTML
On peut aussi utiliser la balise <p> pour couper la ligne dans le code HTML. Cette balise détermine le paragraphe du texte. C’est un élément de niveau bloc ; par conséquent, il commence toujours sur une nouvelle ligne. Donc, écrire la balise <p> avant de commencer chaque ligne à l’intérieur du corps et écrire </p> après l’avoir terminée aide à casser la ligne.
Par exemple, écrivez la balise <p> et tapez votre texte souhaité, et lorsque vous avez terminé avec votre manuel, écrivez la balise </p>. Ensuite, répétez le même processus encore et encore jusqu’à ce que vous le souhaitiez. Une fois que vous avez terminé d’écrire tout votre texte, n’oubliez pas de fermer la balise body du code HTML.
L’illustration ci-dessous crée également une nouvelle ligne. Lorsque la balise <p> est tapée, le paragraphe commence, et lorsque le </p> est tapé, le paragraphe se termine. Nous savons que le nouveau paragraphe commence toujours à partir de la nouvelle ligne, donc lorsque nous utilisons à nouveau la même balise dans le texte, il apparaît sur la ligne suivante, ce qui indique la nouvelle ligne.
Exemple de code :
<body>
<p> Hi, I am here to learn how to break the line in HTML. </p>
<p>In this method I'm using the p tag.</p>
<p>I would like to be a good programmer in the future.</p>
</body>
</html>
Production:
Sushant is a software engineering student and a tech enthusiast. He finds joy in writing blogs on programming and imparting his knowledge to the community.
LinkedIn