Exemple de codage html ( tableaux imbriqués)

Remarque : Pour faciliter la lecture de ce code , cette présentation a été faite en "imbriquant" un grand nombre de tableaux ( en fait des tableaux à une cellule).
Les commentaires sont en verts

<TABLE BORDER=0 WIDTH="100%" bgcolor="FFFFFF"> ouverture et options du grand tableau ( Tableau1)

<TR> définition de la première ligne du tableau 1

<TD> définition de la première cellule de cette première ligne du tableau 1

<MARQUEE><FONT FACE="Comic Sans MS" COLOR="#AF0000">Cliquer sur la petite image pour l'agrandir</MARQUEE></FONT> contenu .Ici un texte défilant

</TD> fermeture de la première cellule de la première ligne du tableau 1

</TR> fermeture de la première ligne du tableau 1 ( qui ne comporte donc qu'une colonne)

<TR> définition de la seconde ligne du tableau 1

<TD>définition de la première cellule de cette seconde ligne du tableau dans laquelle un second tableau est imbriqué

<TABLE BORDER=3 CELLSPACING=0 CELLPADDING=0 WIDTH="100%">ouverture et options du tableau imbriqué ( Tableau2)

<TR> définition de la première ligne du tableau 2

<TD bgcolor="CCC000" > définition de la première cellule de cette première ligne du tableau 2

<CENTER>lien vers photo en format gif</CENTER> contenu de la cellule

</TD> fermeture de la première cellule de cette première ligne du tableau 2

<TD bgcolor="CCC000" >définition de la seconde cellule de cette première ligne du tableau 2

<CENTER>lien vers photo en format jpg</CENTER> contenu de la cellule

</TD> fermeture de la seconde cellule de cette première ligne du tableau 2

<TD bgcolor="CCC000" >définition de la troisième cellule de cette première ligne du tableau 2

<CENTER>lien vers photo en format bmp</CENTER> contenu de la cellule

</TD> fermeture de la troisième cellule de cette première ligne du tableau 2

</TR> fermeture de la première ligne du tableau 2

<TR>définition de la seconde ligne du tableau 2

<TD bgcolor="000000"> définition de la première cellule de la seconde ligne du tableau 2

<CENTER><A HREF="images/etabgrand.gif"><IMG SRC="images/etab1.gif" ALT="photo en format gif" WIDTH=50 HEIGHT=80 BORDER=0 ALIGN=bottom></A> </CENTER> contenu : une image de taille définie sur laquelle on a créé un lien vers la grande image.

</TD> fermeture de la cellule

<TD bgcolor="000000"> définition de la seconde cellule de la seconde ligne du tableau 2

<CENTER><A HREF="images/etabgrand.jpg"><IMG SRC="images/etab1.gif" ALT="photo en format jpg" WIDTH=50 HEIGHT=80 BORDER=0 ALIGN=bottom></A> </CENTER> contenu : une image de taille définiesur laquelle on a créé un lien vers la grande image.

</TD> fermeture de la cellule

<TD bgcolor="000000"> définition de la troisième cellule de la seconde ligne du tableau 2

<CENTER><A HREF="images/etabgrand.bmp"><IMG SRC="images/etab1.gif" ALT="photo en format bmp" WIDTH=50 HEIGHT=80 BORDER=0 ALIGN=bottom></A> </CENTER> contenu : une image de taille définie sur laquelle on a créé un lien vers la grande image.

</TD> fermeture de la cellule

</TR> fermeture de la seconde ligne

<TR> définition de la troisième ligne du tableau 2

<TD bgcolor="000000"> définition de la première cellule de la troisième ligne du tableau 2

<CENTER><FONT COLOR="#FFFFFF">taille : 768x1024 pixel - 256 Couleurs - poids :379Ko)</FONT></CENTER> contenu de la cellule

</TD> fermeture de la cellule

<TD bgcolor="000000"> définition de la première cellule de la troisième ligne du tableau 2

<CENTER><FONT COLOR="#FFFFFF">taille : 768x1024 pixel - 16 millions de Couleurs - poids :174Ko)</FONT> </CENTER> contenu de la cellule

</TD> fermeture de la cellule

<TD bgcolor="000000"> définition de la première cellule de la troisième ligne du tableau 2

<CENTER><FONT COLOR="#FFFFFF">taille : 768x1024 pixel - 16 millions de Couleurs - poids :2305Ko)</FONT> </CENTER> contenu de la cellule

</TD> fermeture de la cellule

</TR> fermeture de la troisième ligne

</TABLE> fermeture du tableau 2

</TD> fermeture de la cellule de la seconde ligne du tableau 1 ( qui contient le tableau 2)

</TR> fermeture de la seconde ligne du tableau 1

</TABLE> fermeture du tableau 1