HTML Tabellen und Zelleninhalte ausrichten
In HTML haben Sie die Möglichkeit eine Tabelle sowohl horizontal (linksbündig, zentriert, rechtsbündig) als auch vertikel (obenbündig, mittig, unterbündig) auszurichten.
Horizontale Ausrichtung einer HTML Tabelle
Mit dem Attribut align="Wert" können Sie die Inhalte von einzelne Zellen (th- und td-Elemente) und von Tabellenbereichen (thead-, tbody-, tfoot- und tr-Elemente) sowie die gesamte Tabelle (table-Element) horizontal ausrichten. Dabei muß das Attribut align="Wert" immer in das entsprechenden Start-Tag notiert werden. Für "Wert" tragen Sie die gewünschte Ausrichtung ein.
| Wert | Beschreibung |
|---|---|
| left | die Inhalte werden linksbündig ausgerichtet (Voreinstellung) |
| center | die Inhalte werden zentriert ausgerichtet |
| right | die Inhalte werden rechtsbündig ausgerichtet |
| justify | erzeugt einen Blocksatz innerhalb der Zelle. |
| char | Ausrichtung an einem Dezimalzeichen |
Vertikale Ausrichtung von Inhalten einer HTML Tabelle
Mit dem Attribut valign="Wert" können Sie die Inhalte von einzelne Zellen (th- und td-Elemente), von Tabellenbereichen (thead-, tbody-, tfoot- und tr-Elemente) und von gesamten Tabellen (table-Element) vertikal ausrichten. Dabei muß das Attribut valign="Wert" immer in das entsprechenden Start-Tag notiert werden. Für "Wert" tragen Sie die gewünschte Ausrichtung ein.
| Wert | Beschreibung |
|---|---|
| top | |
| middle | |
| bottom | |
| baseline |
Weiterführende Informationen:
- HTML-Referenz für das Element <table>
- HTML-Referenz für das Element <tr>
- HTML-Referenz für das Element <td>
- HTML-Referenz für das Element <th>
- HTML Tabellen: Übersicht (Übersicht der Elemente für HTML Tabellen)
Weblinks:
- Tables in HTLM documents (W3C englische Referenz)
- Tabellen in HTML-Dokumenten (W3C Übersetzung)
- Ausrichtung für Zellen (SelfHTML deutsch)
- Tabellenausrichtung (SelfHTML deutsch)
- Beschreibung "Tabelle" (Wikipedia - Tabelle)
