 |
 |
 |
HTML priručnik
Osnovni HTML tagovi
Kompleksni
TABLE
Tablice su elementi zaslužni za veliki uspjeh HTML standarda. U početku su se koristile za prikaz tekstualnih podataka, no njihove mogućnosti su preuzele ulogu glavnog elementa za pozicioniranje elemenata na stranici. Kako se danas elementi mogu pozicionirati bez upotrebe tablica upotrebom stilova, ne preporučuje se njihovo korištenje u tu svrhu. Ipak zbog nedostataka samog CSS tablice su još uvijek omiljena i jednostavna metoda pozicioniranja. Druga njihova velika prednost je ta što se naprednije tehnike CSS pozicioniranja još uvijek krivo iscrtavaju u vodećim vizualnim editorima, što ima daje veliku prednost.
Nakon elementa tablce redom se ugrađuju elementi za thead, tfoot, th, red <tr>, ćeliju <td>,
Atributi:
width, height – širina, visina: određuje širinu i visinu tablice. Vrijednost se može definirati kao cijelobrojna (pikseli) ili u postotku (u odnosu na širinu omotača table, korištenje visine tabele se ne preporučuje). Korištenje atributa visine se ne preporučuje jer ga preglednik računa automatski (zamislimo da korisnik promjeni veličinu fonta u pregledniku). Vrijednosti: cijeli broj (piksel) ili postotak.
align – poravnanje: određuje kako je tablica poravnata u odnosu na pripadajući omotač. Vrijednosti: left, right, center. Preporučuje se izbjegavanje tog elementa i korištenje CSS stila za kvalitetno pozicioniranje.
background – pozadina: ispravan URL slike za pozadinu. Slika pozadine se ne skalira već se prikazuje u orginalnoj veličini. Ukoliko navedemo malu sličicu ona će se brzo učitati i ponavljati čime se potpuno ispuni pozadina table. Preporučuje se izbjegavanje tog atributa elementa i korištenje CSS stila. Ovdje treba biti oprezan kako pozadina ne bi ometala prikaz znakova u tablici (boje).
bgcolor - background color – boja pozadine: predstavlja boju pozadine (vrijednosti pogledati kod elementa font).
border – okvir: okvir u pikselima koji se iscrtava oko table elementa (ne i oko zasebnih ćelija). Vrijednost: cijeli broj koji predstavlja vrijednost u pikselima.
bordercolor – boja pozadine: predstavlja boju okvira (vrijednosti pogledati kod elementa font).
cellpadding – razmak unutar ćelija: predstavlja razmak unutar ćelija. Vrijednost može biti izražena u pikselima (što znači da broj predstavlja razmak tj. gornju, donju i lijevu, desnu marginu unutar ćelije), ili postocima (ako unesemo 10%, to znači da će magina lijeva margina unutar ćelije biti 5% od ukupne širine, što vrijedi i za ostale tri margine)
cellspacing – razmak između ćelija: određuje razmak između ćelija u tablici. Vrijednost: pozitivan cijeli broj.
summary – sažetak: atribut u koji možemo upisati opis tabele kako bi se objasnio njezin sadržaj (bitno za internet pretraživače).
thead element
Thead element je specijalan omotač za jedan ili više redaka ćelija tabele koji se renderiraju na vrhu tabele. U jednom table elementu je moguće definirati najviše jedan thead element, a mora se definirati odmah ispod table elementa. Možete upotrebaljvati bilo koju kombinaciju td ili th tagova unutar thead elementa.
thead element atributi:
align – poravnanje: određuje poravnanje unutar ćelija. Vrijednosti: left, right, center, justify (poravnanje na oba ruba). Preporučuje se izbjegavanje tog elementa i korištenje CSS stila za kvalitetno pozicioniranje.
bgcolor - background color – boja pozadine: predstavlja boju pozadine (vrijednosti pogledati kod elementa font).
valign – vertikalno poravnanje: predstavlja vrijednost vertikalnog poravnanja u pripadajućem elementu. Vrijednost može biti jedna od 4 konstante: top (gore), middle (sredina), bottom (dno), baseline (sadržaj celija je poravnat na dno, ali sve ćelije su vertikalno poravnate u odnostu na prvi red).
tbody element
Tbody element je omotač za jedan ili više redaka ćelija. Unutar table elementa možemo definirati više od jendog tbody elementa. Tbody element se najćešće upotrebaljava kada tabela ima više različitih segmenata od kojih svaki ima posebno formatiranje (upotrebom css stilova).
thead element atributi: isti kao i kod thead elementa
tfoot element
Tfoot element je omotač za jedan ili više redaka ćelija. Unutar table elementa možemo definirati samo jedan tfoot element. Tfoot element se najćešće upotrebaljava kao preslika thead elementa za korisnike koji su došli do podnožja stranice i više ne vide značenja stupaca u tabeli.
tfoot element atributi: isti kao i kod thead elementa
tr element:
Tr element je omotač za jedan red ćelija. Svaka ćelija u redu može biti ili th ili td element. Renderiranje novog redu u pregledniku zahtijeva tr tag i kod thead, tfoot, tbody elementa.
tr element atributi: isti kao i kod thead elementa
td element
Td element je omotač za sadržaj jedne ćelije table elementa. Ćelija predstavlja presjek stupaca i redova u tabeli. Proširenje ćelije na dvije u redu ili stupcu se odvija preko odgovarajućih atributa. Atributi definirani u ćeliji nadjačavaju atribute definirane na nižim nivoima.
td element atributi:
abbr – skraćen opis: atribut predstavlja znakovni niz (string) koji opisuje sadržaj ćelije.
align – poravnanje: određuje poravnanje unutar ćelija. Vrijednosti: left, right, center, justify (poravnanje na oba ruba). Preporučuje se izbjegavanje tog elementa i korištenje CSS stila za kvalitetno pozicioniranje.
axis – kratak opis za verbalne preglednike.
background – pozadina: ispravan URL slike za pozadinu. Slika pozadine se ne skalira već se prikazuje u orginalnoj veličini. Ukoliko navedemo malu sličicu ona će se brzo učitati i ponavljati čime se potpuno ispuni pozadina table. Preporučuje se izbjegavanje tog atriguta elementa i korištenje CSS stila. Ovdje treba biti oprezan kako pozadina ne bi ometala prikaz znakova u tablici (boje).
bordercolor – boja pozadine: predstavlja boju okvira (vrijednosti pogledati kod elementa font).
nowarp – navodi se samo bez vrijednosti, a označava da se sadržaj u ćeliji renderira isto kao na način da se tekst automatski ne prelama u novi red.
rowspan – broj redova na koji se trenutna ćelija proširuje. Atribut se koristi za spajanje ćelija. Vrijednost – pozitivni cijeli broj.
colspan – broj stupaca na koje se trenutna ćelija proširuje. Atribut se koristi za spajanje ćelija. Vrijednost – pozitivni cijeli broj.
valign – vertikalno poravnanje: predstavlja vrijednost vertikalnog poravnanja u pripadajućem elementu. Vrijednost može biti jedna od 4 konstante: top (gore), middle (sredina), bottom (dno), baseline (sadržaj celija je poravnat na dno, ali sve ćelije su vertikalno poravnate u odnostu na prvi red).
width, height – širina, visina: određuje širinu i visinu ćelije. Vrijednost se može definirati kao cijelobrojna (pikseli) ili u postotku (u odnosu na širinu table). Vrijednosti: cijeli broj (piksel) ili postotak. Ukoliko ti atributi nisu definirani preglednik za vrijednost uzima bilo koju definiranu vrijednost u trenutnom stupcu, ili je dinamički kalkulira u odnosu na tabelu i popunjenje sadržajem.
<TABLE cols="3">
<THEAD>
<TR>
<TH>Time</TH><TH>Event</TH><TH>Location</TH>
</TR>
</THEAD>
<TFOOT>
<TR>
<TH>Time</TH><TH>Event</TH><TH>Location</TH>
</TR>
</TFOOT>
<TBODY>
<TR>
<TD>7:30am-5:00pm</TD><TD>Registration Open</TD><TD>Main Lobby</TD>
</TR>
<TR>
<TD>9:00am-12:00pm</TD><TD>Keynote Speakers</TD><TD>Cypress Room</TD>
</TR>
</TBODY>
</TABLE>
Stranice: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10
Web dizajn i development edukacija:
Instalacija Internet Information Servera
Ostala rješenja
Cjenik za internet rješenja i usluge prema zahtjevima korisnika
Web dizaj i izrada web stranica, internet marketing, razvoj windows aplikacija
Uz uslugu izrade stranica nudimo edukaciju korisnika za korištenje internet tehnologije, konfiugiranje uredskih programa u skladu s dizajnom i uvedenim rješenjima.
Konkretne prednosti prilikom uvođa naših rješenja za male tvrtke i pregled tehnologije
Obrazac za savjetovanje pri ulaganju u informatičku tehnologiju
