Tabela HTML
<table>
Kolejnym sposobem prezentowania i grupowania danych w języku Html jest tabela. Sposób prezentowania danych w tabeli html jest taki sam jak w każdej innej tabeli, którą znamy z życia codziennego.Tabele tworzymy przy użyciu elementu <table>
.
<table> </table>
Tabela HTML – Wiersz
<tr>
Jednak, żeby tabela powstała, musimy do niej dodać jeszcze wiersze oraz umieścić tam komórki. Wiersze do tabeli dodajemy poprzez element <tr>
(ang. table row – wiersz tabeli).
<table> <tr></tr> </table>
Tabela HTML – Komórka
<td>
Żeby nasza tabela była kompletna i poprawnie wyświetlała dane, należy jeszcze dodać do niej komórki. Komórki tabeli dodajemy poprzez element <td>
(ang. table data, table cell – dane tabeli, komórka tabeli). Do rozwijania skrótu td powszechnie używa się table cell, jednak nazwa pochodzi od table data.
<table> <tr> <td>Treść</td> </tr> </table>
Nagłówek Tabeli HTML
<th>
Mamy już treść tabeli. Przydałoby się jeszcze oznaczyć czego dotyczą nasze dane. W tym celu posłużymy się nagłówkiem tabeli. Nagłówek taki uzyskujemy poprzez zastosowanie elementu <th>
(ang. table heading). Element ten stosujemy tak jak zwykłą komórkę tabeli, czyli <td>
. Nagłówki również umieszczamy w wierszach tabeli, czyli elementach <tr>
.
1. Nagłówek Kolumny
<table> <tr> <th>Nagłówek kolumny</th> </tr> <tr> <td>wiersz</td> </tr> </table>