Le langage HTML est utilisé pour créer des pages Web. Dans HTML, le texte peut être formaté de différentes manières, y compris le soulignement. Le soulignement est une façon de mettre en évidence le texte pour attirer l’attention du lecteur. Dans cet article, nous allons voir comment souligner du texte en HTML, comment retourner à la ligne en HTML, comment surligner du texte en CSS, comment souligner une phrase en HTML avec CSS, comment colorer un texte en HTML et comment surligner en jaune en HTML.
Souligner du texte en HTML
Pour souligner du texte en HTML, vous pouvez utiliser la balise <u>. Cette balise encadre le texte que vous voulez souligner. Vous pouvez l’utiliser comme ceci :
Retourner à la ligne HTML
Pour retourner à la ligne en HTML, vous pouvez utiliser la balise <br>. Cette balise permet de sauter une ligne et d’aller à la ligne suivante. Vous pouvez l’utiliser comme ceci :
Deuxième ligne
Surligner du texte en CSS
En CSS, vous pouvez utiliser la propriété text-decoration pour surligner du texte. Vous pouvez utiliser la valeur underline pour souligner le texte. Voici un exemple d’utilisation :
Souligner une phrase HTML CSS
Pour souligner une phrase en HTML avec CSS, vous pouvez utiliser la balise <span>. Cette balise vous permet de mettre en évidence une partie du texte sans affecter le reste de la ligne. Vous pouvez l’utiliser comme ceci :
Colorer un texte en HTML
Pour colorer du texte en HTML, vous pouvez utiliser la balise <font>. Bien que cette balise soit obsolète dans HTML5, elle permet de définir la couleur du texte. Vous pouvez l’utiliser comme ceci :
Surligner en jaune HTML
Pour surligner en jaune en HTML, vous pouvez utiliser la balise <mark>. Cette balise vous permet de mettre en surbrillance le texte. Vous pouvez l’utiliser comme ceci :
Résumé des balises et propriétés
| Action | Balise / Propriété | Exemple |
|---|---|---|
| Souligner du texte | <u> |
<u>Texte souligné</u> |
| Retourner à la ligne | <br> |
Première ligne<br>Deuxième ligne |
| Surligner du texte en CSS | text-decoration: underline; |
style="text-decoration: underline" |
| Souligner une phrase | <span> |
<span style="text-decoration: underline">Texte</span> |
| Colorer du texte | <font> (obsolète) |
<font color="red">Texte rouge</font> |
| Surligner en jaune | <mark> |
<mark>Texte surligné en jaune</mark> |
En conclusion, il existe différentes façons de mettre en évidence le texte en HTML. Vous pouvez utiliser la balise <u> pour souligner le texte, la balise <br> pour retourner à la ligne, la propriété text-decoration en CSS pour surligner le texte, la balise <span> pour souligner une phrase, la balise <font> pour colorer le texte et la balise <mark> pour surligner en jaune.
La balise « strong » est utilisée pour mettre en évidence un texte important dans une page HTML. Pour l’utiliser, vous devez entourer le texte que vous souhaitez mettre en évidence avec la balise ouvrante « » et la balise fermante « « . Par exemple, si vous voulez mettre en évidence le mot « important » dans une phrase, vous pouvez l’écrire comme ceci: «
Ceci est un texte important.
« . Le texte « important » sera alors affiché en gras sur la page web.
Pour faire une liste en HTML, vous pouvez utiliser les balises `
- ` et `
- ` pour créer une liste à puces ou `
- ` et `
- ` pour créer une liste numérotée. Par exemple:
« `
- Premier élément
- Deuxième élément
- Troisième élément
« `
ou
« `
- Premier élément
- Deuxième élément
- Troisième élément
« `
Vous pouvez également imbriquer des listes pour créer des sous-listes en utilisant les mêmes balises.
- ` pour créer une liste numérotée. Par exemple:
Pour forcer le retour à la ligne en CSS, vous pouvez utiliser la propriété « display » avec la valeur « block » pour faire en sorte que l’élément prenne toute la largeur de l’espace disponible et soit automatiquement suivi d’un saut de ligne. Vous pouvez également utiliser la propriété « clear » pour spécifier le côté de l’élément à partir duquel il doit être forcé de retourner à la ligne. Par exemple, « clear: left; » forcera l’élément à revenir à la ligne après tous les éléments flottants à gauche.