Przykład Prostej Tabeli
Teraz, żeby było łatwiej zrozumieć logikę tworzenia tabel, podam taki oto prosty przykład:
<table>
<tr>
<th>Nagłówek 1</th>
<th>Nagłówek 2</th>
</tr>
<tr>
<td>Komórka 1</td>
<td>Komórka 2</td>
</tr>
<tr>
<td>Komórka 3</td>
<td>Komórka 4</td>
</tr>
</table>
Powyższy kod wklejony na naszą strony utworzy tabele podobną do tej:
Nagłówek 1 | Nagłówek 2 |
Komórka 1 | Komórka 2 |
Komórka 3 | Komórka 4 |
Co jednak widzimy ? Ano to, że nasza tabela nie posiada obramowania. Żeby to naprawić musimy do polecenia
<table> dodać atrybut
border, a jako jego wartość podać szerokość obramowania (w pixelach),np.:
<table border="4">
<tr>
<th>Nagłówek 1</th>
<th>Nagłówek 2</th>
</tr>
<tr>
<td>Komórka 1</td>
<td>Komórka 2</td>
</tr>
<tr>
<td>Komórka 3</td>
<td>Komórka 4</td>
</tr>
</table>
Da nam to mniej więcej taki oto efekt:
Nagłówek 1 | Nagłówek 2 |
Komórka 1 | Komórka 2 |
Komórka 3 | Komórka 4 |
Od razu lepiej :)