|
Tabellenüberschrift / Tabellenunterschrift definieren
Text links und rechts von Tabellen
Sie können für eine Tabelle eine von der Tabelle getrennte, aber ihr zugehörige Über- oder Unterschrift definieren.
Die meisten WWW-Browser richten Tabellenüberschriften und Tabellenunterschriften zentriert aus.
Da es in HTML derzeit noch keine Möglichkeit automatischer Numerierung solcher Überschriften gibt, haben Tabellenüber- und unterschriften zur Zeit keine große Bedeutung.
Sie können Text links oder rechts um Tabellen fließen lassen, sofern die Tabelle nicht die gesamte Anzeigebreite einnimmt.
Im umfließenden "Text" sind alle HTML-Elemente zur Gestaltung erlaubt, also beisielsweise Überschriften, Listen, auch Grafik- und Multimedia-Referenzen, ja sogar neue Tabellen erlaubt.
Wenn Sie nichts anderes angeben, umfließt der Text die Tabelle ohne sichtbaren Abstand. Ästhetischer ist ein gewisser Abstand. Sie können den Abstand zwischen Tabelle und und umfließendem Text definieren.
Manchmal möchten Sie vielleicht nur zwei oder drei Zeilen kommentierenden Text neben der Tabelle haben und den folgenden Text dann unterhalb der Tabelle fortsetzen. Dazu müssen Sie einen speziellen Umbruch erzwingen, der den Textfluß neben der Tabelle unterbricht und stattdessen unterhalb der Tabelle fortfährt.
Tabellenüberschrift / Tabellenunterschrift definieren
Anzeigebeispiel: So sieht's aus
Beispiel 1:
<table border>
<caption align=top>Tabellenüberschriftentext</caption>
<tr>
<td>Daten
<td>Daten
</tr>
</table>
Beispiel 2:
<table border>
<caption align=bottom>Tabellenunterschriftentext</caption>
<tr>
<td>Daten
<td>Daten
</tr>
</table>
Erläuterung:
<caption align=top> definiert eine Tabellenüberschrift, <caption align=bottom> eine Tabellenunterschrift (caption = Überschrift, align = Ausrichtung, top = oben, bottom = unten). Dahinter folgt der Text der Über- bzw. Unterschrift. Am Ende des Textes muß ein abschließendes </caption> stehen. Notieren Sie den Befehl innerhalb der Tabelle, am besten unmittelbar unter dem einleitenden Tabellen-Tag (so wie in den beiden obigen Beispielen).
Beachten Sie:
Die meisten WWW-Browser, darunter Netscape und MS Internet Explorer, stellen Tabellenüberschriften und Tabellenunterschriften in normaler Fließtextschrift dar. Um die Über- bzw. Unterschrift auffällig zu formatieren, müssen Sie Befehle zur Textgestaltung anwenden.
Text links und rechts von Tabellen
Anzeigebeispiel: So sieht's aus
Beispiel 1:
<table border width=50% align=left>
<tr>
<td>Daten
<td>Daten
</tr>
</table>
Das ist Text, der rechts neben der Tabelle angezeigt wird
Beispiel 2:
<table border width=50% align=right>
<tr>
<td>Daten
<td>Daten
</tr>
</table>
Das ist Text, der links neben der Tabelle angezeigt wird
Erläuterung:
Mit der Angabe align=left (siehe Beispiel 1) im einleitenden Tabellen-Tag erreichen Sie, daß Text, der im Anschluß an die Tabelle notiert wird, rechts um die Tabelle fließt (align = Ausrichtung, left = links). Die Tabelle steht in diesem Fall also links, der umfließende Text rechts davon.
Mit der Angabe align=right (siehe Beispiel 2) können Sie den Text links um die Tabelle fließen lassen (left = links). Die Tabelle steht in diesem Fall also rechts, der umfließende Text links davon.
Beachten Sie:
Wenn die Tabelle selbst größere Inhalte hat, müssen Sie eine Gesamtbreite der Tabelle erzwingen, damit links bzw. rechts noch Platz bleibt für den umfließenden Text. Dies geschieht in den obigen Beispielen durch die Angabe width=50% im einleitenden Tabellen-Tag. Dadurch nimmt die Tabelle maximal 50% der Gesamtbreite des Anzeigefensters ein.
Abstand zwischen Tabelle und umfließendem Text
Anzeigebeispiel: So sieht's aus
Beispiel:
<table border width=50% align=left hspace=20 vspace=5>
<tr>
<td>Daten
<td>Daten
</tr>
</table>
Das ist Text, der rechts neben der Tabelle angezeigt wird
Erläuterung:
Wenn Sie im einleitenden Tabellen-Tag mit align= eine Anweisung zum Textumfluß notieren, können Sie mit der weiteren Angabe hspace= [Pixel] den seitlichen Abstand zwischen Tabelle und umfließendem Text bestimmen (hspace = horizontal space = horizontaler Abstand). Mit der Angabe vspace= [Pixel] können Sie den Abstand zum Text ober- und unterhalb der Tabelle festlegen (vspace = vertical space = vertikaler Abstand).
Beachten Sie:
Die Angaben zum Abstand gehören nicht zum offiziellen HTML-Standard und wurden zum Redaktionsschluß dieses Dokuments nur von Netscape 3.0 korrekt interpretiert.
Textfortsetzung unterhalb der Tabelle erzwingen
Anzeigebeispiel: So sieht's aus
Beispiel:
<table border width=50% align=left hspace=20 vspace=5>
<tr>
<td>Daten
<td>Daten
</tr>
</table>
Das ist Text, der rechts neben der Tabelle angezeigt wird <br clear=all>
Das ist Text, der unterhalb der Tabelle weitergeht
Erläuterung:
Wenn Sie im einleitenden Tabellen-Tag mit align= eine Anweisung zum Textumluß notieren, können Sie innerhalb des umfließenden Textes die Angabe <br clear=all> notieren, um den Textfluß zu unterbrechen und unterhalb der Tabelle fortzufahren (br = break = Umbruch, clear = löschen, all = alles).
Beachten Sie:
Neben <br clear=all> sind auch die Angaben <br clear=left> und <br clear=right> erlaubt. Experimentieren Sie mit diesen Angaben, wenn <br clear=all> nicht den gewünschten Effekt bringt.
Blättern:
Farbige Tabellen
Tips zum Umgang mit blinden Tabellen
HTML-Dateien selbst erstellen
Dokumentation: HTML
Tabellen