Achtung: HTML Layout-Tabellen gelten als veraltet und nicht barrierefrei. Webseiten sollten durch CSS positioniert werden.
Der einzige zwingende Grund, Tabellen für das Layout zu verwenden, sind HTML Newsletter, die in E-Mail-Browsern korrekt angezeigt werden sollen.
<!--Zwei Tabellen für Menü und Webseiten-Inhalt plus zwei Tabellen für Kopf- und Fußteil -->
<TABLE width="100%">
<TBODY>
<TR>
<TD width="100%">
<h1>Hier erscheint der Kopfteil: Straßenfest in der Böhmerstraße</h1>
</TD>
</TR>
</TBODY>
</TABLE>
<!-- zwei Tabellen für Menüleiste oben und Inhalt -->
<TABLE width="100%">
<TBODY>
<TR>
<TD width="20%" bgcolor="#fcf0e1"><a href="/index_1.htm">Home</a> </TD>
<TD width="20%" bgcolor="#fcf0e1"> <a href="/programm_1.htm">Programm</a> </TD>
<TD width="20%" bgcolor="#f7f7f7"> <a href="/hilfe_1.htm">Helfer willkommen</a> </TD>
<TD width="20%" bgcolor="#fcf0e1"> <a href="/kontakt_1.htm">Kontakt</a> </TD>
<TD width="20%" bgcolor="#fcf0e1"> <a href="/impressum_1.htm">Impressum</a> </TD>
</TR>
</TBODY>
</TABLE>
<TABLE width="100%" height="300px">
<TBODY>
<TR>
<TD valign="middle" align="center"> <p>Helfer willkommen</p> </TD>
</TR>
</TBODY>
</TABLE>
<!-- Tabelle für den Fußteil -->
<TABLE width="100%" valign="bottom">
<TBODY>
<TR>
<TD width="100%" align="center" valign="bottom"> <p>Hier erscheint der Fußteil: Veranstalter</p></TD>
</TR>
</TBODY>
</TABLE>