Tabele HTML
Służą do ułożenia danych i przedstawienia ich w czytelnej formie.
Podstawowa struktura tabeli:
<table border='1' cellspacing='10' cellpadding='5'> <caption>Tytuł tabeli</caption> <tr> <th>Nagłówek 1</th> <th>Nagłówek 2</th> </tr> <tr> <td>1</td> <td>2</td> </tr> <tr> <td colspan='2'>3</td> </tr> <tr> <td rowspan='2'>4</td> <td>5</td> </tr> <tr> <td>6</td> </tr> </table>
Nagłówek 1 | Nagłówek 2 |
---|---|
1 | 2 |
3 | |
4 | 5 |
6 |
<table> znacznik główny, zawierający strukturę tabeli
<tr> – wiersz tabeli
<th> – komórka nagłówkowa tabeli
<td> – komórka tabeli
<caption> – tytuł tabeli
border – grubość ramki tabeli i komórek, 0 – brak ramek
cellspacing – odległość pomiędzy komórkami (px)
cellpadding – margines wewnętrzny komórki (px)
colspan – ilość połączonych komórek w kolumnie
rowspan – ilość połączonych komórek w wierszu