Tabela

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

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

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