|
Ausrichtung links, zentriert und rechts
Ausrichtung oben, mittig und unten
Kopfzellen (<th>) werden zentriert ausgerichtet, wenn Sie nichts anderes angeben, Datenzellen (<td>) linksbündig. Sie können die Zellen jedoch auch anders ausrichten.
Innerhalb einer Tabellenzeile bestimmt die Zelle mit dem meisten Inhalt die Höhe der Tabelle. Die Inhalte der übrigen Zellen in der gleichen Zeile werden mittig dazu ausgerichtet. Auch bei erzwungenen Zeilenhöhen werden alle Zelleninhalte mittig ausgerichtet, wenn Sie nichts anderes angeben. Sie können Zelleninhalte aber auch oben- und untenbündig ausrichten.
Ausrichtung links, zentriert und rechts
Anzeigebeispiel: So sieht's aus
Beispiel:
<table border>
<tr>
<th align=left>Kopfzelle: 1. Zeile, 1. Spalte
<th>Kopfzelle: 1. Zeile, 2. Spalte
<th align=right>Kopfzelle: 1. Zeile, 3. Spalte
</tr>
<tr>
<td>Datenzelle: 2. Zeile, 1. Spalte
<td align=center>Datenzelle: 2. Zeile, 2. Spalte
<td align=right>Datenzelle: 2. Zeile, 1. Spalte
</tr>
</table>
Erläuterung:
Durch die Angabe align=left können Sie eine Kopfzelle in ihrem einleitenden Tag links ausrichten, durch die Angabe align=right rechts. Datenzellen können Sie in ihrem einleitenden Tag durch die Angabe align=center zentriert ausrichten und durch align=right rechts. Die Angaben align=center bei Kopfzellen und align=left bei Datenzellen sind natürlich auch erlaubt, bewirken aber lediglich die Voreinstellung und sind deshalb nicht nötig. (align = Ausrichtung, left = links, center = zentriert, right = rechts)
Beachten Sie:
Um alle Zellen einer Zeile gleich auszurichten, können Sie die Angaben zur Ausrichtung, also align=left, align=center und align=right, auch im einleitenden Tag der Zeile <tr> notieren. So richten Sie beispielsweise mit <tr align=right> alle folgenden Zellen der Zeile rechts aus.
Ausrichtung oben, mittig und unten
Anzeigebeispiel: So sieht's aus
Beispiel:
<table border>
<tr>
<th valign=top>Kopfzelle: 1. Zeile, 1. Spalte
<th>Kopfzelle: 1. Zeile, 2. Spalte
<th valign=bottom>Kopfzelle: 1. Zeile, 3. Spalte
</tr>
<tr>
<td valign=top>Datenzelle: 2. Zeile, 1. Spalte <!-- Breite 300 gilt auch hier -->
<td>Datenzelle: 2. Zeile, 2. Spalte
<td valign=bottom>Datenzelle: 2. Zeile, 1. Spalte
</tr>
</table>
Erläuterung:
Durch die Angabe valign=top können Sie eine Zelle in ihrem einleitenden Tag obenbündig ausrichten, durch die Angabe valign=bottom untenbündig. Auch die Angabe valign=middle ist möglich. Dies ist jedoch die Voreinstellung ist und deshalb nicht nötig. (valign = vertical align = vertikale Ausrichtung, top = oben, bottom = unten)
Beachten Sie:
Um alle Zellen einer Zeile gleich auszurichten, können Sie die Angaben zur Ausrichtung, also valign=top, valign=middle und valign=bottom, auch im einleitenden Tag der Zeile <tr> notieren. So richten Sie beispielsweise mit <tr valign=top> alle folgenden Zellen der Zeile obenbündig aus.
Blättern:
Höhe und Breite erzwingen
Zellen verbinden
HTML-Dateien selbst erstellen
Dokumentation: HTML
Tabellen