Apprentissage de Hot Potatoes™

Utilisation du HTML : mise en forme du texte

Utilisation des styles

Exemples pour un ensemble de caractères

Code Résultat
Mot en <span style="color:red">rouge</span> Mot en rouge
Mot en <span style="font-style:italic">italique</span> Mot en italique
Mot <span style="font-size:150%">plus gros</span> Mot plus gros
Mot avec une courleur <span style="background-color:yellow">de font</span> Mot avec une courleur de font
<span style="color:red">rouge</span> et <span style="color:blue">bleu</span> rouge et bleu

 

Code Résultat
Mots en <span style="color:red; font-weight:bold">rouge et gras</span> Mots en rouge et gras
Mots en <span style="font-style:italic; text-decoration:underline">italique et souligné</span> Mots en italique et souligné
Couleur <span style="background-color:yellow">de font et mot en <span style="color:red">rouge</span> et <span style="color:blue">bleu</span></span>. Couleur de font et mot en rouge et bleu.
   

 

Exemples simples pour un paragraphe

Code Résultat
<div style="color:red">Paragraphe rouge</div>
Paragraphe rouge
<div style="border:solid black 1px">Paragraphe encadré</div>
Paragraphe encadré
<div style="text-align:right">Paragraphe aligné à droite </div>
Paragraphe aligné à droite
<div style="background-color:#CC99CC">paragraphe avec couleur de fond</div>
paragraphe avec couleur de fond
   
   

 

Pour vous entrainer

Ecrivez votre code HTML :

 

 

Mis à jour le 20/11/09