Comment souligner du texte en HTML

Auteur: Clyde Lopez
Date De Création: 19 Juillet 2021
Date De Mise À Jour: 1 Juillet 2024
Anonim
Comment Souligner Un Texte en HTML ? [TUTORIEL]
Vidéo: Comment Souligner Un Texte en HTML ? [TUTORIEL]

Contenu

L'ancienne méthode de soulignement HTML consiste à utiliser les balises u> / u>, mais elle utilise désormais une méthode moderne basée sur CSS. Le soulignement est considéré comme un mauvais moyen d'attirer l'attention sur un texte car il est facile de confondre le texte souligné avec un lien.

Pas

Méthode 1 sur 2: Méthode moderne

  1. 1 Utilisez la propriété "text-decoration" dans CSS. Actuellement, la balise u> n'est pas utilisée pour souligner le texte.
    • En ajoutant cette propriété, vous n'aurez pas à modifier votre code à l'avenir lorsque les anciennes balises seront supprimées.
  2. 2 Utilisez la balise span> pour souligner un morceau de texte spécifique. Entrez une balise de début avec la propriété "text-decoration" devant le texte que vous souhaitez souligner. A la fin du texte, entrez la balise de fermeture / span>.

    span style = "text-decoration: underline;"> Ce texte sera souligné. / span>

  3. 3 Spécifiez les éléments HTML dans la section style> pour faciliter le soulignement. Cela peut également être fait à l'aide d'une feuille de style CSS. Par exemple, pour souligner tous les titres de niveau 3, ajoutez le code suivant à la section "style" :

    html> head> style> h3 {text-decoration: underline; } / style> / head> body> h3> Ce titre sera souligné / h3> / body> / html>

  4. 4 Créez une classe CSS pour souligner rapidement le texte. Vous pouvez créer des classes dans votre feuille de style ou votre section style> pour les appeler plus tard. La classe peut recevoir n'importe quel nom.

    html> head> style> .underline {text-decoration: underline; } / style> / head> body> Utilisez cette classe pour div> quick underline / div> divers div> elements / div> / body> / html>

  5. 5 Pensez à d'autres façons de mettre du texte en surbrillance. Nous vous recommandons d'éviter de souligner pour éviter de confondre les utilisateurs. Mieux vaut utiliser la balise em> pour rendre le texte en italique. Utilisez CSS pour ajouter d'autres options de style à cette balise.

    html> tête> style> em {couleur : rouge ; } / style> / head> body> Tout ce qui se trouve dans l'élément "em" sera en italique (par défaut) et également coloré en rouge / em> grâce aux options de style supplémentaires. / corps> / html>

Méthode 2 sur 2: Méthode héritée

  1. 1 Évitez d'utiliser les anciennes balises u> / u>. Ils sont obsolètes, ce qui signifie que ces balises fonctionnent toujours, mais sont découragées ou découragées. C'est parce que HTML n'est pas destiné à personnaliser le style du contenu. La balise u> fonctionne toujours, mais doit représenter un texte différent des autres textes, comme des mots mal orthographiés ou des noms propres chinois.
  2. 2 Utilisez les balises u> / u> pour souligner les éléments (pour démonstration uniquement). Il n'y a pratiquement aucun cas où vous devez utiliser ces balises. Vous devrez peut-être modifier l'ancien site, il est donc préférable de connaître les balises.

    html> body> L'ancienne balise HTML u> permettait de souligner rapidement les éléments /u>, mais si d'autres éléments de style étaient touchés, les choses devenaient chaotiques. Par conséquent, de nos jours, ils utilisent l'élément CSS "text-decoration" pour le soulignement. / corps> / html>

Conseils

  • Il existe presque toujours un meilleur moyen de mettre en évidence le contenu d'une page Web que de le souligner. Le soulignement peut dérouter les utilisateurs. Réfléchissez à la façon de surligner du texte à l'aide de CSS.