Un paragraphe HTML ou une balise HTML p est utilisé pour définir un paragraphe dans une page Web. Prenons un exemple simple pour voir comment cela fonctionne. Il est à noter qu’un navigateur ajoute lui-même une ligne vide avant et après un paragraphe. Une balise HTML <p> indique le début du nouveau paragraphe.
<p> Ceci est le premier paragraphe. </p> <p> Ceci est le deuxième paragraphe. </p> <p> Ceci est le troisième paragraphe. </p>
Résultat :
Ceci est le premier paragraphe.
Ceci est le deuxième paragraphe.
Ceci est le troisième paragraphe.
Les espace dans le paragraphe HTML
Si vous mettez beaucoup d’espaces dans la balise HTML p, le navigateur supprime les espaces et les lignes supplémentaires lors de l’affichage de la page. Le navigateur compte le nombre d’espaces et de lignes comme un seul.
<p> je vais fournir pour vous un tutoriel sur HTML et j’espère que ce sera très bénéfique pour vous. </p> <p> Regardez, je vais mettre beaucoup d’espaces, mais le navigateur va les l'ignorer. </p> <p> Vous ne pouvez pas déterminer l'affichage du code HTML </p> <p> car les fenêtres redimensionnées peuvent créer un résultat différent. </p>
Résultat :
je vais fournir pour vous un tutoriel sur HTML et j’espère que ce sera très bénéfique pour vous.
Regardez, je vais mettre beaucoup d’espaces, mais le navigateur va les l’ignorer.
Vous ne pouvez pas déterminer l’affichage du code HTML
car les fenêtres redimensionnées peuvent créer un résultat différent.
Comme vous pouvez le constater, le navigateur supprime toutes les lignes supplémentaires et les espaces inutiles.
Comment utiliser les balises <br> et <hr> avec un paragraphe?
Une balise HTML <br> est utilisée pour le saut de ligne et peut être utilisée avec des éléments de paragraphe. Voici l’exemple qui montre comment utiliser <br> avec l’élément <p>.
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h2> les paragraphes avec les retour à la ligne</h2>
<p><br>Moi, ma petite fille,
<br>Mamon et toute la famille
<br>Nous somme aller à la compagne,
<br>Chez grand-mère pour toute la journée.
</p>
</body>
</html>
Résultat :
Une balise HTML <hr> permet d’appliquer une ligne horizontale entre deux instructions ou deux paragraphes. Voici l’exemple qui montre l’utilisation de la balise <hr> avec paragraphe.
Exemple:
<! DOCTYPE html> <html> <tête> </head> <body> <h2> Exemple pour afficher une ligne horizontale avec des paragraphes </h2> <p> Une balise hr HTML dessine une ligne horizontale et sépare deux paragraphes avec cette ligne. <hr> elle créera un nouveau paragraphe. </p> </body> </html>
Résultat :
