Un paragraphe commence toujours sur une nouvelle ligne et est généralement un bloc de texte.
Table des matières
- Paragraphes HTML
- Affichage HTML
- Règles horizontales HTML
- Sauts de ligne HTML
- Le problème du poème
- Exercices HTML
- Résumé sur les paragraphes Html
Paragraphes HTML
<p>L'élément HTML définit un paragraphe.
Un paragraphe commence toujours sur une nouvelle ligne et les navigateurs ajoutent automatiquement un espace blanc (une marge) avant et après un paragraphe.
Exemple
<p>Ceci est un paragraphe en html .</p>
<p>Ceci est un autre paragraphe en html .</p>
Affichage HTML
Vous ne pouvez pas être sûr de la façon dont le HTML sera affiché.
Des écrans grands ou petits et des 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 supprime automatiquement tous les espaces et lignes supplémentaires lors de l'affichage de la page :
Exemple
<html>
<body>
<p>
Ce paragraphe
contient beaucoup d'espaces
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>
</body>
</html>
Règles horizontales HTML
La <hr>balise définit une rupture thématique dans une page HTML et s'affiche le plus souvent sous la forme d'une règle horizontale.
L' <hr>élément est utilisé pour séparer le contenu (ou définir un changement) dans une page HTML :
Exemple
<h1>C'est la rubrique 1</h1>
<p>Ceci est un texte 1.</p>
<hr>
<h2>This is heading 2 ( C'est la rubrique 2 ) </h2>
<p>This is some other text( Ceci est un autre texte 2 ).</p>
<hr>
La <hr>balise est une balise vide, ce qui signifie qu'elle n'a pas de balise de fin.
Sauts de ligne HTML
L'élément HTML <br>définit un saut de ligne.
Utilisez <br>si vous voulez sauter une ligne sans commencer un nouveau paragraphe c'est très important :
Exemple
<p>ceci est<br>un paragraphe html<br> avec ligne breaks.</p>
La <br>balise est une balise vide, ce qui signifie qu'elle n'a pas de balise de fin.
Le problème du poème
Le poème s'affichera en une seule ligne :
Exemple
<p>
Je me promene .
Comme la vie est belle .
ait espoir meme-ci aujourd'hui ne fonctionne pas.
</p>
Solution - L'élément HTML <pre>
L'élément HTML <pre>définit le texte préformaté.
Le texte à l'intérieur d'un <pre>élément 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>
Je me promene .
Comme la vie est belle .
ait espoir meme-ci aujourd'hui ne fonctionne pas.
</pre>
Exercices HTML
Testez-vous avec des exercices
Exerceur :
Utilisez la balise HTML correcte pour ajouter un paragraphe avec le texte "Hello World!".
<html>
<body>
...........
</body>
</html>
On attends votre réponse en commentaire.
Résumé sur les paragraphes Html
Tag Description
<p> Définie un paragraphe
<hr> Change l'authencité du contenu
<br> Il permet de revenir à ligne
<pre> Définit le texte pré-formaté