...i cóż po tabelce w czasie marnym...
...nogi - ciało - to niemało...
No to mamy głowę, ale co z resztą. No bo jak jest głowa, to muszą być nogi (a konkrektnie stópka), no i jakieś ciało między nimi.
Jest jeszcze tylko jedna małą różnica w głowie - jeśli mamy tabelkę z nagłówkiem i stopką - możemy użyć znacznika <thead>, żeby wyróżnić cały obszar nagłówka
Łatwo się domyślić, że znacznik odpowiedzialny za wyróżnienie stopki lub podsumowania tabeli będzie nazywał się <tfoot>. Nie jest on konieczny - ale bardzo przydatny, szczególni rzy dużych tabelkach. A już na pewno może być wspaniale wykorzystany w przypadku, gdy chcemy użyć bardziej zaawansowanych rozwiązań - wyróżnić stopkę wizualnie lub dodać jej jakieś funkcje (ale o tym potem).
W stopce możeby sobie utrzymywać albo podsumowanie tabeli, albo na przykłąd pwotórzenie nagłówka, dla tych, którzy zapędzili się na sam dół tabeli. Przyjęło się - dla wygody koderów i przeglądarek umieszczać w kodzie strony - część stopki zaraz pod nagłókiem - w ten sposób ludze odpowiedzialny za utzymanie kodu, jak też przeglądarki od razu wiedzą, że mają do czynienia z elementem <tfoot> bez konieczności przewijania do końca tabelki.
Skoro mamy już element nagłówka <thead> i element stopki <tfoot>, to w konsekwencji obszar danych tabelki - będzie jej ciałem (czy korpusem, czy treścią) czyli <tbody>.
<table border="1" summary="This table is a record of Los Angeles Lakers">
<caption>The Lakers History<\caption>
<thead>
<tr>
<th id="number">No</th>
<th id="season">Season</th>
<th id="matches">Matches</th>
<th id="wins">Wins</th>
<th id="loses">Loses</th>
<th id="percent">%</th>
<th id="division">Division</th>
<th id="conference">Conference</th>
<th id="atogether">Altogether</th>
<th id"playoffs">Playoffs</th>
<th id="result">Result</th>
</tr>
</thead>
<tfoot>
<tr>
<td id="seasons">20</td>
<td id="text">Seasons</td>
<td id="played">456</td>
<td id="won">45</td>
<td id="lost">12</td>
<td id="prcnt">0.345</td>
<td id="bestdiv">12 Best</td>
<td id="bestconf">10 Best</td>
<td id="bestall">5 Best</td>
<td id"playoff">18</td>
<td id="results">6 Champions</td>
</tr>
</tfoot>
<tbody>
<tr>
<td headers="number">01</td>
<td headers="year">1948/49</td>
<td headers="matches">60</td>
<td headers="wins">44</td>
<td headers ="loses">16</td>
<td headers="percent">0.733</td>
<td headers="division>"2/6</td>
<td headers="conference">—</td>
<td headers="altogether">2/12</td>
<td headers=:playoffs">League Finals</td>
<td headers="results">Champion</td>
</tr>
<tr>
<td headers="number">01</td>
<td headers="year">1948/49</td>
<td headers="matches">60</td>
<td headers="wins">44</td>
<td headers ="loses">16</td>
<td headers="percent">0.733</td>
<td headers="division>"2/6</td>
<td headers="conference">—</td>
<td headers="altogether">2/12</td>
<td headers=:playoffs">League Finals</td>
<td headers="results">Champion</td>
</tr>
</tbody>
</table>
W całej strukturalnej okazałości tabelka wygląda tak (nadal wizualnie bez zmian, oprócz dodanej stopki - sam jej wygląd nie bardzo się zmienił). Można zauważyć - że stopka pomimo, że w kodzie jest zaraz za rzędem nagłówka, na stronie wyświetla się grzecznia na samym dole tabeli.
.Reasumując - mamy oto tabelę podzielona na funkcjonalne cześci z dodanymi atrybutami - nadal nie możemy powiedzieć wiele o jej wyglądzie, za to wszystko o jej strukturze. I tak jest dobrze





