Jeżeli dotarłeś tutaj, to pewnie w komputerowym świecie coś z Ciebie jeszcze wyrośnie :). To czego nauczymy się teraz jest często zmorą początkujących webmasterów i z tego powodu tabelki nie są wykorzystywane na stronach 'newbies'. A szkoda, bo za pomocą tabelek można zrobić całkiem niezłą stronkę WWW. Dość gadania - zajmijmy się kodem źródłowym. Tagiem inicjującym tabelkę jest . Posiada wiele paramterów, jednak na początku zajmiemy się tagami występującymi wewnątrz taga (tj. między jego rozpoczęciem, a zakończeniem). Wyróżniamy trzy tagi tego typu:

<TH></TH> - definicja nagłówka
<TR></TR> - definicja wiersza
<TD></TD> - definicja komórki

Powyższymi tagami zajmiemy się później - teraz omówię poszczególne parametry tabeli oraz komórki. <TABLE></TABLE>


» border="1" obramowanie tabeli
» bordercolor="blue" kolor obramowania tabeli
» width="100" - szerokość tabeli
» height="100" - wysokość tabeli
» cellpadding="1" - odległość elementów w tabeli od obramowania
» cellspacing="1" - odległość elementów w tabeli od obramowania (troszkę inny efekt)
» bgcolor="kolor" - kolor wszystkich komórek w całej tabelce
» background="plik.jpg" - tło wszystkich komórek w tabelce


<TD></TD>

» border="1" obramowanie tabeli
» bordercolor="blue" kolor obramowania tabeli
» width="100" - szerokość tabeli
» height="100" - wysokość tabeli
» bgcolor="kolor" - kolor wszystkich komórek w całej tabelce
» background="plik.jpg" - tło wszystkich komórek w tabelce

<th>nagłowek a1</th> <th>nagłowek a2</th> <th>nagłowek a3</th> </tr> <tr> <td>komórka b1</td> <td>komórka b2</td> <td>komórka b3</td> </tr> <tr> <td>komórka c1</td> <td>komórka c2</td> <td>komórka c3</td> </tr> </table>

A wynik wygląda następująco:




Ten sam trik możemy zastosować przy obramowaniu komórki. Wtedy do sekcji tabeli wstawiamy parametr, a całość prezentuje się następująco - <TABLE border="1">...</TABLE>:




Myśle że dużo się nauczyłeś z tego kursu... :)
Skoro już wiesz co i jak wpisać w edytor HTML źródła zamieszczone na stronie to zapraszam do robienia strony WWW.:)
[Powrót...]


_______________________________________________________________
Dodał: Machoni | Data: 26.05.2006 roku.