Konstrukcja tabeli
<table>
<tr>
<td>Komórka tabeli</td>
<td>Komórka tabeli</td>
</tr>
</table>
<table>
– znacznik tabeli<tr>
– znacznik wiersza tabeli<td>
– znacznik komórki tabeli
Przykład
Komórka tabeli | Komórka tabeli |
Ostylowanie tabeli
W powyższym przykładzie tabela i jej zawartość jest mało wyrazista w związku z tym dodamy obramowanie (border) dla komórek.
<table>
<tr>
<td style="border: 1px solid red;">Komórka tabeli</td>
<td style="border: 1px solid red;">Komórka tabeli</td>
</tr>
</table>
Przykład
Komórka tabeli | Komórka tabeli |
Teraz dodamy tło (background) oraz zwiększymy odstępy (padding) od krawędzi komórek.
<table>
<tr>
<td style="border: 1px solid red; background: silver; padding: 20px;">
Komórka tabeli</td>
<td style="border: 1px solid red; background: silver; padding: 20px;">
Komórka tabeli</td>
</tr>
</table>
Przykład
Komórka tabeli | Komórka tabeli |