Exemple de tableau d'images
Fleurs blanches | Fleurs bleues | Flèche | La transhumance |
zoom |
Pour revenir au tuto, cliquez ici ou page précédente de votre navigateur.
Remarques
Contrairement aux galeries, on peut donc par exemple :
- régler la taille des cellules en fonction du besoin (taille de l'image ou autre)
- Avoir pour la même image la possibilité de mentionner un sous-titre, utiliser l'image comme un lien, permettre d'agrandir l'image
- Permettre de voir l'image à sa vraie grandeur.
Le source du tableau d'images
Ce source est présenté ici de manière à bien faire apparaitre l'imbrication des blocs entre eux. Cette façon d'écrire n'est bien sûr pas obligatoire : tout peut être écrit "au kilomètre".
Voici donc le source de ce tableau d'images :
<table border="1">
<tbody>
<tr align="center">
<td style="text-align: center;">Fleurs blanches </td>
<td style="text-align: center;">Fleurs bleues </td>
<td style="text-align: center;">Flèche </td>
<td style="text-align: center;">La transhumance </td>
</tr>
<tr align="center">
<td>
<a href="URL image Fleurs Blanches stockée chez AH" target="_blank">
<img title="Cliquez pour agrandir l'image"
src="URL image Fleurs Blanches stockée chez AH" alt=""
width="90" height="60" />
</a>
</td>
<td style="text-align: center;">
<a href="http://www.jimdo.com/app/forum" target="_blank">
<img title="Cliquez pour aller au forum"
src="URL image Fleurs Bleues stockée chez AH" alt=""
width="65" height="97" />
</a>
<a href="URL image Fleurs Bleues stockée chez AH" target="_blank">
zoom
</a>
</td>
<td> ">
<a href="/">
<img title="Cliquez pour aller sur la page d'accueil"
src="URL image Flèche stockée chez AH" alt=""
width="52" height="20" />
</a>
</td>
<td>
<a href="URL image Transhumance stockée chez AH" target="_blank">
<img title="Cliquez pour agrandir l'image"
src="URL image Transhumance stockée chez AH" alt=""
width="220" height="177" />
</a>
</td>
</tr>
</tbody>
</table>