Um das Layout einer Webseite ansprechend zu Gestalten wird sehr viel mit Tabellen gearbeitet.

Zumeist erstellt man sich eine „Grundtabelle“ welche die Seite in mehrere Bereiche unterteilt. In den einzelnen Bereichen werden wiederum Tabellen eingesetzt, in welchen sich dann der Inhalt befindet.

Quelltext folgt!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Beispiel eines typischen Tabellen-Layouts</title>
</head>
<body bgcolor="" text="#000000">
 
<table border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="#BEE978">
  <tr>
    <td colspan="2">     <!-- 1. Zeile -->
      <table border="0" cellpadding="10" cellspacing="0" align="center">
        <tr>
          <td width="100%"><h1>Willkommen auf der Homepage von...</h1></td>
        </tr>
      </table>
    </td>
  </tr>
 
  <tr>
    <td valign="top" width="20%">   <!-- 2. Zeile / linke Spalte -->
      <table border="0" cellpadding="10" cellspacing="0">
        <tr>
          <td>
            Hier kommt später die Navigation
          </td>
        </tr>
      </table>
    </td>
 
    <td valign="top" bgcolor="#FFFFFF" width="80%">      <!-- 2. Zeile / rechte Spalte / Inhalt -->
      <table border="0" cellpadding="10" cellspacing="0">
        <tr>
          <td>
 
  <p>Der Zauberlehrling</p>
 
  <p>Hat der alte Hexenmeister<br>
  Sich doch einmal wegbegeben!<br>
  Und nun sollen seine Geister<br>
  Auch nach meinem Willen leben.<br>
  Seine Wort und Werke <br>
  Merkt ich und den Brauch,<br>
  Und mit Geistesstärke<br>
  Tu ich Wunder auch.</p>
 
  <p>Walle! Walle!<br>
  Manche Strecke,<br>
  Dass, zum Zwecke,<br>
  Wasser fließe <br>
  Und mit reichem, vollem Schwalle<br>
  Zu dem Bade sich ergieße.</p>
 
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
 
</body>
</html>

Tabellen als Mittel für die Gestaltung von Webseiten

Beispiel