Budowanie struktury strony HTML na bazie tabeli

 

Aby zrobić szablon  strony za pomocą tabeli potrzebujesz kodu źródłowego napisanego za pomocą znaczników HTML

Znacznik wstawiania tabeli to:

{<table>

<table>}

Pamiętaj, że potrzebujesz jeszcze znacznika wiersza <tr></tr> i znacznika komórek <td></td>

Jeżeli chcesz zbudować tabelę, która będzie miała trzy wiersze i trzy kolumny (patrz obrazek poniżej)

potrzebujesz następującego kodu:

<table>

<tr>

<td></td><td></td><td></td>        WIERSZ PIERWSZY

</tr>

<tr>

<td></td><td></td><td></td>       WIERSZ DRUGI 

</tr>

<tr>

<td></td><td></td><td></td>      WIERSZ TRZECI

</tr>

</table>

Ale samo napisanie takiego kodu to zdecydowanie za mało. Na samym początku musimy określić wielkość i położenie tabeli. 

WIELKOŚĆ

Jeżeli chcesz na samym początku określić wielość tabeli musisz użyć atrybutu WIDTH (szerokość)

oraz atrybutu ALIGN (czyt: alajn), który określi położenie całej tabeli.

<table width=”1000” align =”center”>

Teraz napisz  kod dla pierwszego wiersza, który będzie miał trzy komórki. Kod będzie wyglądał tak:

<tr>

<td></td><td></td><td></td>

</tr>

Kod napisany jest prawidłowo, ale wam potrzebna jest JEDNA komórka. Należy więc scalić trzy komórki <td> w jedną. 

SCALANIE KOMÓREK

do scalania komórek potrzebny jest atrybut COLSPAN (column span)

<tr>

<td colspan =”3”></td>

</tr>

W drugim wierszu tabeli pozostają trzy komórki ale musisz im nadać odpowiednie wielkości

<tr>

<td width= ”140”></td>

<td width =”680” ></td>

<td width =”180”></td>

</tr>

Trzeci wiersz powinien posiadać jedną kolumnę. Należy ją scalić tak jak w wierszu pierwszym używając atrybutu COLSPAN

PAMIETAJ!

Znacznik table nie służy do tworzenia struktury strony. Robisz to, aby samemu się przekonać jak wygląda budowanie  strony na bazie tabeli.