Darmowy kurs języka HTML - tabele , część 4

Definicję tabeli zamykamy w znacznikach <table>. Następnie definiujemy wiersze za pomocą znaczników <tr> a w nich kolumny za pomocą znacznika <td>

 

Prosta struktura tabeli będzie wyglądała w następujący sposób:

 

<table>

<tr>

<td>wiersz 1 kolumna 1</td> <td>wiersz 1 kolumna 2</td> <td>wiersz 1 kolumna 3</td>

</tr>

<tr>

<td>wiersz 2 kolumna 1</td> <td>wiersz 2 kolumna 2</td> <td>wiersz 2 kolumna 3</td>

</tr>

</table>

 

 

Do górnego znacznika table możemy dodać następujące parametry:

 

width= - szerokość tabeli podawana w pikselach lub procentach

border=”x” - grubość obramowania tabeli podawana w pikselach

align=”left”, align=”right”, align=”center” - wyrównanie tabeli

cellpadding - odległość między komórką a jej obramowaniem

cellspacing - określenie odległości między komórkami

 

 

przykład:

 

<table border="1" width="90%"> - czyli tabela będzie miała obramowanie o grubości jeden i będzie zajmowała 90% szerokości strony>

 

ćwiczenie:

spróbuj utworzyć zagnieżdżoną tabelę – czyli w jakiejś komórce tabeli utwórz dodatkową tabelę