logo

Lekcja 4: Tabele

Jest to kolejny sposób na prezentowanie danych w języku HTML. Takowa tabela wygląda tak samo jak taka co normalnie używamy.

Znaczniki

<table> </table> tabela
<tr> </tr> wiersz tabeli
<td> </td> komórka
<th> </th> komórka nagłówka

Przykładowa tabela:

tabela

Tak wygląda jej kod:

tabela




Można również scalać komórki w tabeli wierszami(poziomo), kolumnami(pionowo) oraz wierszami i kolumnami jednocześnie

Atrybuty

colspan szerokość komórki w poziomie
rowspan szerokość komórki w pionie

Scalanie wierszami:

tabela

Kod:

tabela

Scalanie kolumnami:

tabela

Kod:

tabela


Scalanie wierszami i kolumnami:

tabela

Kod:

tabela