HTML peut diviser un document en plusieurs paragraphes. La balise de paragraphe <p> peut être utilisée en HTML pour diviser le contenu du document en plusieurs paragraphes. Le format de syntaxe est le suivant :
<p>Paragraphe, contenu. </p>
La balise de paragraphe est constituée d'une balise de début <p> et d'une balise de fin </p>. Le contenu entre la balise de début et la balise de fin sera considéré comme un paragraphe. La balise paragraphe est une balise très basique que nous utilisons lors de la publication d’articles sur le Web.
Section:
1. Les paragraphes HTML sont définis via des balises <p>.
Remarque : Les navigateurs ajoutent automatiquement des lignes vides avant et après les paragraphes. (</p> est un élément de niveau bloc)
2. N'oubliez pas la balise de fermeture
Même si vous oubliez d'utiliser la balise de fermeture, la plupart des navigateurs afficheront le code HTML correctement :
<p>Ceci est un paragraphe<p>Ceci est un autre paragraphe
Les résultats d'exécution sont présentés dans la figure ci-dessous :
L'exemple ci-dessus fonctionnera correctement dans la plupart des navigateurs, mais ne vous fiez pas à cette approche. Oublier d'utiliser les balises de fermeture peut produire des résultats et des erreurs inattendus.
Remarque : Dans une future version de HTML, l'omission de la balise de fermeture ne sera pas autorisée.
3. Retour à la ligne HTML
Si vous souhaitez retourner à la ligne (nouvelle ligne) sans créer de nouveau paragraphe, utilisez la balise <br> :
Exemple:
<p>Ce<br>paragraphe<br> démontre l'effet du branchement</p>
Les résultats d'exécution sont présentés dans la figure ci-dessous :
L'élément <br /> est un élément HTML vide. Puisqu’une balise fermante n’a aucun sens, elle n’a pas de balise fermante.
4. Sortie HTML - à l'aide de rappels
Nous ne pouvons pas déterminer l'effet exact du HTML affiché. La taille de l'écran et les ajustements de la fenêtre peuvent conduire à des résultats différents.
Avec HTML, vous ne pouvez pas modifier la sortie en ajoutant des espaces supplémentaires ou des sauts de ligne au code HTML.
Lors de l'affichage de la page, le navigateur supprime les espaces supplémentaires et les lignes vides du code source. Tous les espaces consécutifs ou lignes vides comptent pour un espace. Notez que toutes les lignes vides consécutives (nouvelles lignes) dans le code HTML sont également affichées sous forme d'espace.
<!DOCTYPEhtml><html><head><metacharset=utf-8><title>Réseau de langage C (dotcpp.com)</title></head><body><h1>春晓</h1><p> Quand je dors au printemps, je ne réalise pas l'aube. <p>J'entends les oiseaux chanter partout. <p>Le bruit du vent et de la pluie arrive la nuit, <p>Combien de fleurs sont tombées. <p></p><p>Notez que le navigateur ignore la typographie dans le code source (les espaces superflus et les sauts de ligne sont omis). </p></body></html>
Les résultats d'exécution sont présentés dans la figure ci-dessous :
5. Espace blanc dans les paragraphes
Par défaut, la balise de paragraphe fusionnera les caractères d'espacement dans le texte et affichera plusieurs caractères d'espacement consécutifs sous la forme d'un seul espace. Les performances spécifiques sont les suivantes :
(1) Si plusieurs espaces consécutifs apparaissent dans un paragraphe, le navigateur ignorera ces espaces et n'en conservera qu'un seul ;
(2) Si plusieurs sauts de ligne consécutifs apparaissent dans un paragraphe, le navigateur convertira ces sauts de ligne en espace.
Exemple d'affichage :
<!DOCTYPEhtml><html><head><metacharset=UTF-8><title>Réseau de langage C (dotcpp.com)</title></head><body><p>Réseau de langage C (dotcpp.com) , un site Web de programmation d'apprentissage en ligne, URL : <ahref=https://www.dotcpp.com/target=_blank>https://www.dotcpp.com/</a></p><p>Langage C Le site Web propose actuellement des didacticiels pour près de <b>15</b> modules, notamment HTML, langage C, C++, JavaScript et d'autres modules. Vous pouvez <ahref=https://www.dotcpp.com/course/target= _blank. >Cliquez ici</a> pour voir tous les tutoriels. </p><p>Notre objectif : un site Web qui aide tout le monde à apprendre la programmation de manière terre-à-terre. </p></body></html>
Les résultats d'exécution sont présentés dans la figure ci-dessous :
