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" width="150" height="150"></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" width="150" height="150"></p>

<p><a src="../index.htm">RETOUR</a></p>

</body>

...

 

  Valid XHTML 1.0 Transitional   Valid CCS

ostralo.net