Quelques exemples de l'utilisation de tableaux pour faire une mise en page

Examinez le source HTML pour voir comment ces mises en pages sont réalisées.

Extrait de Introduction to HTML -- Table of Contents, par Ian S. Graham:

See Also
HOME	AUTHOR	BOOK	MIRRORS
About the collection	About the author	Author's book on HTML, HTTP, CGI and URLs New Edition available March 1997!	Mirror sites list (use the one close to you)

Code HTML correspondant:

<TABLE cellpadding="5" cellspacing="0" bgcolor="#eeeeee"
 ALIGN="Center">
  <TR>
    <TD colspan="4" align="center" bgcolor="#dddddd"><FONT
     size="+2"><B>See Also</B></FONT></TD>
  </TR>
  <TR>
    <TD align="center"><B><A HREF="...">HOME</A></B></TD>
    <TD align="center"><B><A HREF="...">AUTHOR</A></B></TD>
    <TD align="center"><B><A HREF="...">BOOK</A></B></TD>
    <TD align="center"><B><A HREF="...">MIRRORS</A></B></TD>
  </TR>
  <TR>
    <TD align="center" valign="top">About the<BR>
      collection</TD>
    <TD align="center" valign="top">About the<BR>
      author</TD>
    <TD align="center" valign="top">Author's book on HTML,
      HTTP, <BR>
      CGI and URLs<BR>
      <B><FONT color="red">New Edition available <BR>
      March 1997!</FONT></B></TD>
    <TD align="center" valign="top">Mirror sites list <BR>
      (use the one close <BR>
      to you)</TD>
  </TR>
</TABLE>

---

Extrait de Introduction to HTML - Equation Formatting, par Ian S. Graham:

[ToC] [Up] [Back] [Next] ... [Book Plug]

The Information Commons .................... Introduction to HTML

Code HTML correspondant:

<TABLE width="100%">
  <TR>
    <TD align="left" valign="top">[<A href="...">ToC</A>]
      [<A href="...">Up</A>]
      [<A href="...">Back</A>]
      [<A href="...">Next</A>]
      ...
      [<A href="..."><EM>Book
      Plug</EM></A>]</TD>
    <TD align="right" valign="top"><EM>The Information Commons<BR>
      .................... Introduction to HTML</EM></TD>
  </TR>
</TABLE>

---

Exemple de "pseudo-graphique"
				il est à noter que la hauteur du trait vertical rouge varie avec la taille du texte affiché
				élément 2
				élément 3

Note: cet exemple n'est pas imprimé correctement par Amaya. Veuillez consulter la version "en-ligne" pour voir l'effet visuel.

Cet autre document montre comment c'est fait.

---