Contenu

• Avancer d'un pas
• Méthode 1 sur 2: méthode actuelle
• Méthode 2 sur 2: Méthode obsolète
• Conseils

Le soulignement en HTML consistait à insérer le texte entre les balises u> / u>, mais cette méthode a depuis été déconseillée au profit du CSS plus polyvalent. Le soulignement dans les pages Web est généralement considéré comme un moyen peu pratique de mettre en valeur une section particulière de texte. En effet, le texte souligné est facilement confondu avec un lien.

Avancer d'un pas

Méthode 1 sur 2: méthode actuelle

1. Utilisez la propriété text-decoration dans votre style CSS. L'utilisation de la balise u> n'est plus un moyen approprié pour souligner du texte. À la place, nous utilisons la propriété CSS "text-decoration".
   • Cela rend le code plus facile à modifier, de sorte que vous n'ayez rien à changer sur l'ancien code s'il est devenu inutilisable.
2. Utilisez la balise span> lorsque vous souhaitez souligner une certaine partie du texte. Placez la balise de début avec la propriété "text-decoration" à l'endroit où vous voulez que le soulignement commence. Placez la balise de fin / la portée> là où le soulignement doit s'arrêter.

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

3. Déclarez les éléments HTML dans la partie style> de votre page. Vous pouvez également le faire dans la feuille de style CSS. Le soulignement peut être beaucoup plus facile en associant un style à un élément HTML. Par exemple, pour souligner tous vos en-têtes de niveau 3, ajoutez le style CSS suivant:

   html> head> style> h3 {texte-décoration: souligné; } / style> / head> body> h3> Cet en-tête est souligné / h3> / body> / html>

4. Créez une classe CSS pour souligner rapidement à tout moment. Vous pouvez créer des classes dans votre feuille de style ou style>, à appeler ultérieurement. La classe peut avoir le nom de votre choix.

   html> head> style> .underline {texte-décoration: souligné; } / style> / head> body> Vous pouvez utiliser cette classe pour souligner rapidement div> / div> à partir de différentes parties div> de votre contenu / div> / body> / html>

5. Envisagez d'autres méthodes pour mettre en valeur le texte. Le soulignement doit être évité pour éviter toute confusion pour le lecteur. Une méthode courante consiste à utiliser la balise em>, qui rend le texte en italique. Vous pouvez utiliser CSS pour spécifier davantage cette balise, pour une manière unique de mettre en valeur.

   html> tête> style> em {couleur: rouge; } / style> / head> body> Tout ce qui se trouve à l'intérieur de l'élément em deviendra em> italic (à cause des paramètres par défaut), et red / em> à cause du style ajouté ci-dessus. / body> / html>

Méthode 2 sur 2: Méthode obsolète

1. Évitez d'utiliser les anciennes balises u> / u>. Celles-ci sont «déconseillées», ce qui signifie qu'elles fonctionnent toujours, mais qu'elles ne sont plus utilisées ou recommandées. En effet, le HTML n'est en principe pas conçu comme un langage de balisage. La balise u> fonctionnera toujours, mais elle est maintenant destinée à indiquer un texte différent de l'autre texte, comme un mot mal orthographié ou des noms propres chinois.
2. Utilisez la balise u> / u> pour souligner (à des fins d'illustration uniquement). Vous ne devez en aucun cas réutiliser cette méthode. Il peut être bon de savoir comment il a été utilisé au cas où vous auriez besoin de mettre à jour un site Web plus ancien.

   html> body> Avec l'ancienne balise u> en HTML, vous pouviez rapidement souligner les choses / u>, mais les choses se compliquent rapidement lorsque d'autres éléments de style sont utilisés. C'est pourquoi nous soulignons maintenant "text-decoration" avec l'élément CSS. / body> / html>

Conseils

• Il existe presque toujours une meilleure façon de mettre en valeur quelque chose sur une page Web que de le souligner. Cela peut être très déroutant pour les lecteurs. Rendez votre texte plus beau avec CSS, pour le faire ressortir positivement.