Tabelle als unsichtbares Raster

Eine unsichtbare Tabelle in HTML

  • Erstelle eine HTML-Datei mit folgendem Quellcode:

<html>
<head>
<title>Die sechste Lektion</title>
</head>
<body bgcolor="#66CCFF" text="#000000">
<h2><font color="#FFFFFF">
Hier steht eine &Uuml;berschrift</font></h2>
<table border="0">
<tr>
<td width="120"><img src="bilder/gifbild.gif" width="140" height="90"></td>
<td align="left" valign="top" width="200">Der ultimative Blindtext ist wieder da! Wie immer kostenlos und v&ouml;llig unverbindlich. Ohne jeden Inhalt und trotzdem lesenswert!</td>
</tr>
<tr>
<td align="right" width="120">Hier steht nur etwas Blindtext und sonst nix und wieder nix.</td>
<td width="200"></td>
</tr>
</table>
</body>
</html>~

  • Benenne die Datei *lektion67.htm*
  • Öffne die Datei *lektion67.htm* im Browser. Das sieht so aus:

  • <table border="0">~
    Wenn ihr die Tabelle nur als unsichtbares Raster für eure Gestaltung verwendet, sind den Gestaltungsmöglichkeiten keine Grenzen mehr gesetzt. Ihr könnt dann den Text zum Beispiel in Spalten verteilen und, und, und.

Die sechste Lektion ist nun vorbei. Tabellen sind wie du siehst vielseitig verwendbar. Ich hoffe Du machst weiter mit der nächsten Lektion wenn es heißt: