Mise en gras, en italique et en souligné

Dans ce chapitre, nous allons explorer les différentes manières de mettre en forme du texte en utilisant HTML. La mise en forme du texte est essentielle pour améliorer la lisibilité et l’attrait visuel de vos pages web. Commençons par le gras, l’italique et le souligné.

Pour mettre du texte en gras, on utilise la balise <strong>. Par exemple : <strong>Ceci est un texte en gras</strong> affichera : Ceci est un texte en gras.

Pour souligner du texte, nous utilisons la balise <u>. Voici un exemple : <u>Ceci est un texte souligné</u> affichera : Ceci est un texte souligné.

Pour mettre du texte en italique, vous pouvez utiliser la balise <em> ou <i>. Par exemple, voici un texte en italique avec <em> : <em>Ceci est un texte en italique</em> affichera : Ceci est un texte en italique. Avec <i>, vous obtenez le même résultat : <i>Ceci est aussi en italique</i> affichera : Ceci est aussi en italique.

Les en-têtes et les sous-en-têtes

Les en-têtes sont très importants pour structurer votre contenu. HTML propose six niveaux d’en-têtes, allant de <h1> à <h6>. Le <h1> est le plus important et est généralement utilisé pour le titre principal de la page.

Exemple d’en-tête : <h1>Titre de ma page</h1> affichera :

Titre de ma page

. Les sous-en-têtes aident à organiser le contenu. Par exemple : <h2>Sous-titre</h2> affichera :

Sous-titre

.

Voici comment les en-têtes de différents niveaux apparaissent : <h3>Un autre sous-titre</h3> affichera :

Un autre sous-titre

, et ainsi de suite jusqu’à <h6>.

Les styles de police et les couleurs

En HTML, vous pouvez également changer les styles de police et les couleurs de votre texte. Cela se fait généralement avec l’attribut style. Par exemple, pour écrire un texte en rouge, vous pouvez utiliser : <p style=’color: red’>Ceci est un texte rouge</p> qui affichera :

Ceci est un texte rouge

.

Pour changer la police, vous pouvez utiliser l’attribut font-family. Par exemple : <p style=’font-family: Arial’>Ceci est écrit en Arial</p> affichera :

Ceci est écrit en Arial

.

Les citations et les blocs de code

Les citations peuvent être ajoutées grâce à la balise <blockquote>. Par exemple : <blockquote>Ceci est une citation</blockquote> affichera :

Ceci est une citation

.

Pour insérer des blocs de code, utilisez la balise <pre>, qui préserve les espaces et le formatage. Voici un exemple : <pre>function test() { return true; }</pre> affichera :

function test() { return true; }

En conclusion, ce chapitre vous a montré comment mettre en forme du texte en HTML. Utilisez ces balises pour rendre vos pages web plus attrayantes.