Dans cette page, vous pouvez voir qu'il n'y a toujours que de l'information.
Mais nous y avons ajouté des polices et de la couleur aux caractères et une couleur de fond.
Le texte principal a une police différente de celle du titre.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Ma première page avec du style</title>
<style type="text/css">
body { font-family:Georgia, "Times New Roman", Times, serif;}
body { background-color:#6CF; color:#00F; }
h1 { font-family:Helvetica, Geneva, Arial, sans-serif; }
</style>
</head>
<body>
<ul>
<li><a href="ex0.html">Sans style</a></li>
<li><a href="ex1.html">Avec style (1)</a></li>
<li><a href="ex2.html">Avec style (2)</a></li>
</ul>
<h1>Ma première page avec du style (1)</h1>
[etc.]
<address>Fait le 5 juin 2011</address>
</body>
</html>
La liste avec des points en haut de la page doit représenter la barre de navigation.
Celle-ci peut être à gauche ou à droite ou horizontale en haut ou en bas.
Nous allons la placer à gauche et déplacer le texte de la page à droite.
Exemple suivant ... Avec style (2).
Fait le 5 juin 2011