Contenu

• Les instructions
• Souligner le texte en utilisant CSS
• Souligner le texte en utilisant HTML
• Comment
• Avis
• Ce dont vous avez besoin

Le soulignement peut être utilisé pour mettre en évidence et mettre en valeur du texte dans des pages Web. Le texte peut être souligné à l'aide de feuilles de style CSS, avec la propriété text-decoration ou, de préférence, avec l'élément HTML U.

Les instructions

Apprendre à souligner du texte HTML (Image du lien Internet d’information par Georgios Alexandris de Fotolia.com)

Souligner le texte en utilisant CSS

1. Recherchez ou entrez le texte que vous souhaitez souligner.

2. Placez-le à l'intérieur d'un élément SPAN en ajoutant une balise d'ouverture avant le texte et une balise de fermeture après.

3. Spécifiez en soulignant le texte dans SPAN en y ajoutant un attribut STYLE, comme suit: STYLE = "text-decoration; underline;"

4. Ajoutez un attribut de classe au SPAN, en donnant le nom d'une classe CSS définissant le trait de soulignement du texte. C'est une alternative à l'attribut STYLE, comme décrit à l'étape précédente. Le format de la déclaration de classe CSS est le suivant: .my-underlined-class {text-decoration: underline; }

   
   

Souligner le texte en utilisant HTML

1. Recherchez ou entrez le texte que vous souhaitez souligner.

2. Incluez-le à l'intérieur d'un élément U en plaçant une balise d'ouverture et de fermeture avant et après le texte.

3. Cela peut être fait rapidement.

Comment

• Si vous utilisez un éditeur HTML WYSIWYG, recherchez l'élément de menu souligné ou l'icône de la barre d'outils pour souligner le texte sans coder le code CSS ni le code HTML.
• La propriété CSS text-decoration peut également être utilisée pour placer un texte surligné ou un texte au trait ou pour désactiver le soulignement déjà existant (aucun).

Avis

• N'oubliez pas que les soulignements sont souvent utilisés dans les pages Web pour indiquer les liens sur lesquels vous pouvez cliquer. Utilisez-les donc avec parcimonie pour éviter toute confusion.

Ce dont vous avez besoin

• Éditeur de texte ou HTML