HTML Tutor
Lekcija 1
Lekcija 2
Lekcija 3
Lekcija 4
Lekcija 5
Lekcija 6
Lekcija 7
iDragstor Lab
|
|
|
Lekcija 7 - Tabele
Jos o tabelama
Sada kada znate o osnovama tabela, mozemo da predjemo na neke finese koje ce vam doterati izgled. Naucicete kako da odredite velicinu tabele, boju pozadine i razmak izmedju celija.
Jos nekoliko atributa
| WIDTH | BGCOLOR |
| CELLPADDING | CELLSPACING |
| BORDER | |
Jedan po jedan
<TABLE WIDTH=33%>
Pomocu WIDTH atributa mozete odrediti koliko je siroka tabela. U primeru odozgo nasa tabela je 33% sirine ekrana. Vrednost atributa moze biti u % (procentima ) ili u pixels-ima (brojcano).
<TABLE BGCOLOR=yellow>
BGCOLOR u tabeli funkcinise isto kao BGCOLOR atribut u BODY teg-u.
Pomocu ovog atributa odredjujemo boju tabele a vrednosti su (red, green, blue...)
<TABLE CELLPADDING=5 CELLSPACING=5>
CELLSPACING je razmak izmedju celija u tabeli. U primeru odozgo odredio sam da imam 5 pixela izmedju celija.
CELLPADDING je razmak u unutrasnjosti celije izmedju teksta u celiji i granice. U mom primeru je vrednost 5 piksela. Pogledajte sledece primere:
Prva tabela ima CELLSPACING i CELLPADDING = 8
| Verovatno mozete da uocite da ima ekstra prostora izmedju granice tabele i celija |
U ovoj celiji obratite paznju na ekstra prostor izmedju teksta i celijske linije |
Druga tabela ima CELLSPACING i CELLPADDING = 0
| Verovatno mozete da uocite da nema ekstra prostora izmedju granice tabele i celija |
U ovoj celiji nema ekstra prostora izmedju teksta i celijske linije |
Verovatno uocavate razliku izmedju dve tabele. Prva ima ekstra prostor, druga nema. Sada nam je jos ostalo da pogledamo granice tabala.
<TABLE BORDER=4>
| WIDTH | BGCOLOR |
| CELLPADDING | CELLSPACING |
| BORDER | |
Pomocu BORDER atributa mozete odrediti debljinu granice vase tabele.
Ukoliko odredite BORDER=0 necete imati granicu. Ako se vratite na vrh stranice i pogledate listu atributa pojacanih crnom bojom videcete primer tabele koja ima granicu jednaku 0 (BORDER=0). Ova tehnika se dosta koristi u organizaciji stranice i rasporedjivanju razlicitih elemenata na razlicitim delovima ekrana.
Na kraju...
Cestitam vam! Stigli
ste do kraja mukotrpnog rada. Na ovim stranicama ste naucili osnove HTML-a i sada ste spremni da napisete vase web stranice. Jos znacajnije imate podlogu da lakse naucite kompleksnije tehnike HTML-a. Pogledajte nas sledeci tutor iz html FORM-i. Vratite se na ove stranice kad god treba da osvesite svoje znanje ili da se posluzite nasim HTML Laboratorijom. Savetujem vam da potrazite jos neke tutore iz oblasti tabela (znam da sam dosadan ali verujte mi da ce ovo imati ogromnog uticaja na vase kodiranje) forma i frame-ova. Nadam se da je ovih nekoliko stranica nisu bile suvise dosadne i da niste pobegli pre kraja. Ako imate neke utiske, komentare, zalbe ili bilo sta drugo da kazete u vezi ovog tutora posaljite mi poruku na brasic@iDragstor.com. Hvala vam na vasoj paznji.
|
|
|
