Tabellen

Das table-Tag ist der Rahmen für Tabellen in Webseiten mit HTML. Eine Tabelle strukturiert Daten in Zeilen und Spalten und bildet ein Raster.

Früher wurden Tabellen für das Layout von Webseiten verwendet – heute hält CSS flexiblere Techniken parat. Tabellen dienen nur noch der Darstellung von tabellarischen Daten.

<table summary="Tabelle ohne CSS-Formatierung"
        border="1" cellspacing="2" cellpadding="3" width="600">
  <caption>HTML-Tabelle ohne Formatierung durch CSS-Eigenschaften</caption>
  <colgroup>
    <col width="10" /><col width="50" />
    <col width="50" /><col width="400" />
  </colgroup>
  <thead>
    <tr>
      <th colspan="4">Top 15 of 3219 Total User Agents</th>
    </tr>
    <tr>
      <th>#</th>
      <th colspan="2">Hits</th>
      <th>User Agent</th>
    </tr>
  </thead>
  <tfoot>
    <tr> <td colspan="4">
      <em>Ohne formatierende CSS-…  …</em>
    </td> </tr>
  </tfoot>
  <tbody>
    <tr>
      <td>1</td>
      <td>497913</td>
      <td>16.27%</td>
      <td>Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.11) </td>
    </tr>
    <tr>
      <td>2</td>
      <td>267810</td>
      <td>8.75%</td>
      <td>Mozilla/5.0 (Windows; U; Windows NT 5.1; de; rv:1.8.1.11) Gec</td>
    </tr>
     …
  </tbody>
</table>

In Tabllen kommen vor: