HTML et web design

Comment mettre en évidence du texte en couleur en utilisant HTML et CSS

Mise à jour : 02/27/2019 par Lojiciels.com

Le fait de mettre en évidence le texte d’une page web permet d’attirer immédiatement l’attention du lecteur sur des informations importantes. Par exemple, ce texte est surligné en jaune et a probablement attiré votre attention en premier. Il existe plusieurs méthodes pour mettre le texte en évidence. Pour ce faire, sélectionnez une méthode dans la liste ci-dessous et suivez les instructions.

Mise en évidence à l’aide du HTML5 tag

Si vous travaillez sur une page HTML5, le permet de mettre rapidement le texte en évidence. Vous trouverez ci-dessous un exemple d’utilisation de la balise de marquage et de son résultat. Si votre navigateur prend en charge la balise le « texte mis en évidence » doit avoir un fond jaune.

Exemple de code

Here is an example of highlighted text using the <mark> tag.

Exemple de résultat

Voici un exemple de texte en surbrillance en utilisant le tag.

Mettre en évidence le texte avec seulement le code HTML

Pour mettre en évidence le texte avec le code HTML et la prise en charge de tous les navigateurs, définissez le style de la couleur de fond, comme indiqué dans l’exemple ci-dessous, en utilisant le Balise HTML.

Exemple de code

This text is highlighted in yellow.

Exemple de résultat

Ce texte est surligné en jaune.

Conseil

Dans l’exemple ci-dessus, le La balise HTML a un code de couleur de fond #FFFF00, qui est jaune. Dans ce cas, le mot « jaune » pourrait être utilisé à la place du code de couleur, ou de tout autre nom de couleur d’ailleurs.

Conseil

Avec le même code, vous pouvez également mettre en évidence un ou plusieurs mots dans un paragraphe pour attirer l’attention à une section spécifique du texte.

Mettre le texte en évidence avec CSS & HTML

Vous pouvez également créer une classe CSS et définir l’attribut « background-color », comme le montre l’exemple ci-dessous.

Exemple de code

Dans le code CSS ci-dessus, trois éléments sont définis. Premièrement, la couleur de fond du corps est fixée à bleu, deuxièmement, une nouvelle classe appelée « highlightme » avec un fond jaune, et enfin, la balise de paragraphe a un fond blanc.

Si vous souhaitez utiliser la classe « highlightme » pour mettre votre texte en évidence, vous pouvez créer un dans votre HTML qui fait référence à la classe CSS.

Exemple de code

test

Comment mettre en évidence un paragraphe complet

La classe CSS ou la classe de style mentionnée ci-dessus peut également être appliquée à une balise de paragraphe si vous souhaitez mettre en évidence un paragraphe complet comme indiqué ci-dessous.

Exemple de code

This whole paragraph of text is highlighted in yellow.

Exemple de résultat

Tout ce paragraphe de texte est surligné en jaune.

Bouton retour en haut de la page

Adblock détecté

Veuillez désactiver votre bloqueur de publicités pour pouvoir visualiser le contenu de la page. Pour un site indépendant avec du contenu gratuit, c’est une question de vie ou de mort d’avoir de la publicité. Merci de votre compréhension! Merci