Lekcja 6 Temat: Tabele w HTML. Struktura tabeli <td

Lekcja 6
Temat: Tabele w HTML.
Struktura tabeli
<table>
<tr>
<td>...</td>
<td>...</td>
<td>...</td>
<td>...</td>
</tr>
<tr>
</tr>
</table>
Jest to najprostsza tabela złożona z 2 wierszy i 2 kolumn (4 komórki), gdzie:
<table>...</table> - jest znacznikiem tabeli
<tr>...</tr> - jest znacznikiem wiersza
<td>...</td> - jest znacznikiem pojedynczej komórki
W miejsce kropek należy wpisać treść poszczególnych komórek tabeli.
Kiedyś stosowało się tabele do tworzenia struktury strony w HTML. Poniżej przykładowe polecenia
odpowiadające za wygląd tabeli.
<table width="100%" cellspacing="0" cellpadding="10">
<tr>
<td bgcolor="kolor góra" colspan="2" align="center" valign="middle">
Tutaj można umieścić logo serwisu </td>
</tr>
<tr>
<td bgcolor="kolor menu" width="Tutaj wpisz szerokość menu (np.:
150)" valign="top">Tu umieszcza się odsyłacze spisu treści </td>
<td bgcolor="kolor strony" valign="top">
Tu wpisuje się treść strony
</td>
</tr>
</table>
Zadanie
Utwórz tabelę w której umieścisz swój plan lekcji składającą się np. 5 kolumn i 9 wierszy.