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.
Contenu
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.
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.
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.
