Conception de pages pour un navigateur
Exemple complet avec images et Liens
L'arborescence des données
Dossier racine du site
pages
rubrique1.htm
rubrique2.htm
images
arbre.gif
canard.gif
index.htm
Le site
Le code HTML du fichiers index.htm
...
<body style="text-align:center">
<h1>CHIMIE et NATURE</h1>
<h2><img style="vertical-align:middle" src="images/arbre.gif" width="150" height="150"><a href="pages/rubrique1.htm">Chimie et plantes</a></h2>
<h2><img style="vertical-align:middle" src="images/canard.gif" width="150" height="150"><a href="pages/rubrique2.htm">Chimie et animaux</a></h2>
</body>
...
Le code HTML du fichiers rubrique1.htm
...
<body style="text-align:center">
<h1>Chimie et plantes</h1>
<p><img src="../images/arbre.gif" alt="Arbre" style="width: 150px; height: 150px"></p>
<p><a src="../index.htm">RETOUR</a></p>
</body>
...
Le code HTML du fichiers rubrique2.htm
...
<body style="text-align:center">
<h1>Chimie et animaux</h1>
<p><img src="../images/canard.gif" alt="Canard" style="width: 150px; height: 150px"></p>
<p><a src="../index.htm">RETOUR</a></p>
</body>
...
