Il est important que le code respecte les standards du W3C. Il nous faut donc du code XHTML. Lorsque je crée une page avec Hot Potatoes, je vérifie systématiquement qu’elle respecte ces standards en la soumettant au "Markup Validation Service".

Mise en forme du texte

- Pour mettre du texte en rouge

<span style="color:#ff0000">Texte</span>

donnera Texte

- Pour souligner

<span style="text-decoration:underline">Texte</span>

donnera Texte

- Pour barrer du texte

<span style="text-decoration:line-through">Texte</span>

donnera Texte

Vous trouverez plein d’autres astuces ici.

Créer une info-bulle au survol du texte

<span style="border-bottom: 2px dotted #FF8000;cursor:help" title="texte à afficher dans une info-bulle">texte</span>

Notez ici comment on crée un trait pointillé de 2 pixels d’épaisseur et comment le curseur est transformé en point d’interrogation.

Créer un menu déroulant

Ce petit bout de code vous permettra de créer un menu déroulant qui pourra fournir une aide lexicale par exemple.

<select name="select"><option selected="selected">Help!</option><option value="1">to break up = se séparer</option><option value="2">to eat-ate-eaten = manger</option><option value="3">dirty = sale</option></select>