Souligner un texte dans une page web et autres propriétés de formatage de texte

Publié le 09 avril 2010 par Myrtilled
Une petite astuce toute simple aujourd'hui pour souligner du texte dans un article quand l'éditeur de blog ne le propose pas directement (comme c'est le cas pour celui de Blogger).
Après avoir saisi son texte, il suffit d'aller dans l'onglet "Modifier le code HTML" et d'entourer le texte à souligner par les balises <u> et </u> (où le "u" signifie "underline").
Par exemple, le code HTML correspondant à la partie soulignée dans la 1ère ligne de cet article est :
<u>souligner du texte</u>
De la même manière le texte en gras est encadré des balises <b> et </b> et le texte en italique par les balises <i> et </i>. Il est également possible de barrer un texte en utilisant les balises <s> et </s> ou <strike> et </strike> (balises générées automatiquement par Blogger lorsque l'on utilise les boutons de mise en forme de l'éditeur).
Pour des balises blink blink, c'est là qu'il faut aller voir.
On trouve d'autres balises de style sur www.commentcamarche.net
♦ ♦ ♦
Pour aller plus loin...
Les puristes recommandent d'éviter l'utilisation de ces balises (pourtant pratiques) au profit des propriétés de style CSS.
► pour modifier l'apparence d'une partie de texte il suffit de l'encadrer par les balises <span> et </span> et d'ajouter les éléments de style (css) à l'intérieur de la balise.
Exemple correspondant au texte souligné en début de cet article :
<span style="text-decoration: underline;">souligner du texte</span>
<span style="text-decoration: underline;"> remplace le <u> et </span> remplace le </u>.
→ évidemment le résultat est le même : souligner du texte
► il est possible de grouper plusieurs propriétés, par exemple pour afficher un texte en gras et en italique :
<span style="font-weight: bold; font-style: italic;">écrire un texte en gras et en italique</span>
→ résultat : écrire un texte en gras et en italique
► on trouve une liste de toutes les propriétés de formatage de texte par exemple sur le Site du Zéro (un site qui m'a beaucoup servi pour mes débuts dans le HTML et le CSS, ou comme je le disais au début de ce blog "une bonne référence pour le webmaster débutant").
(tous mes tutoriels sont dans l'index "informatique")