Text

Pour afficher du texte sur une page web, on peut utiliser l'élément

<p> pour les paragraphes
<span> pour les parties de texte en ligne et
<div> pour les sections de texte ou de contenu plus importantes

<p>See the Pen <a href="https://codepen.io/dendevs/pen/zYXJJed">
html-text-01</a> by dendevs (<a href="https://codepen.io/dendevs">@dendevs</a>)
on <a href="https://codepen.io">CodePen</a>.</p>

Titres

Les titres sont utilisés pour structurer et hiérarchiser le contenu d'une page web.
HTML propose plusieurs éléments de titre allant de <h1> à <h6>, où <h1> est le titre le plus important et <h6> est le moins important.

<p>See the Pen <a href="https://codepen.io/dendevs/pen/gOyddJJ">
html-text-02</a> by dendevs (<a href="https://codepen.io/dendevs">@dendevs</a>)
on <a href="https://codepen.io">CodePen</a>.</p>

Espacement

Pour ajouter de l'espacement entre les éléments HTML il suffit d'utiliser <br> pour un saut de ligne.
On peut aussi utiliser <hr> pour une ligne horizontale.

<p>See the Pen <a href="https://codepen.io/dendevs/pen/oNOPPrM">
html-text-03</a> by dendevs (<a href="https://codepen.io/dendevs">@dendevs</a>)
on <a href="https://codepen.io">CodePen</a>.</p>

Retours à la Ligne

Pour ajouter des retours à la ligne sans modifier la structure sémantique du texte on utilise la balise <br>.
Contrairement à son utilisation précédente on l'utilise ici au sein de la balise <p>.
C'est utile pour les adresses ou tous texte un peux long nécessitant des sauts de ligne.

<p>See the Pen <a href="https://codepen.io/dendevs/pen/XWQPPva">
html-text-04</a> by dendevs (<a href="https://codepen.io/dendevs">@dendevs</a>)
on <a href="https://codepen.io">CodePen</a>.</p>

Text

Titres​

Espacement​

Retours à la Ligne​

Titres

Espacement

Retours à la Ligne