| Tabele
su, po meni, najvaznije oznake u HTML jeziku.
Svako ko je pokusao da rucno poravna dve slike ce
se sloziti samnom. Morate znati da koristite
tabele i da razumete po kom principu rade ukoliko
zelite da budete efikasan web dizajner. Tabele
sadrze tri glavna elementa. Oznaku <TABLE>, zatim
oznaku reda u tabeli <TR> i
oznaku celije <TD>. Ispod se nalazi lista
oznaka i atributa koji se koriste u izradi
tabela.
<TABLE> Atributi
- align -
smesta tabelu u levu, centar ili desnu
stranu strane.
- bgcolor -
definise boju pozadine cele tabele
- border - odredjuje
debljinu ivice tabele u pixelima
- cellpadding -
je nevidljivi prostor izmedju sadrzaja
celije i zida celije
- cellspacing -
je prostor izmedju dve celije
- width -
definise sirinu tabele u pixelima ili
procentima
PRIMER:<TABLE
align="left" bgcolor="red"
border="1" cellpadding="5"
cellspacing="2"
width="100%">
<TR> atributi
- align -
smesta sadrzaj reda u levo, sredinu ili
desno.
- bgcolor -
definise boju pozadine reda.
- valign -
smesta vertikalno sadrzaj reda gore,
sredina i dole.
PRIMER:<TR
align="right" bgcolor="blue"
valign="middle">
<TD> atributi
- align -
smesta sadrzaj celije u levo, sredinu ili
desno.
- background -
smesta sliku pozadine u celiju.
- bgcolor -
definise boju pozadine celije.
- colspan -
pokazuje preko koliko celija se proteze
celija.
- height
- odredjuje visinu celije
u pixelima
- rowspan
- pokazuje preko koliko
vertikalnih celija se proteze celija.
- valign - vertikalno
pomera sadrzaj celije gore, u sredinu ili
dole.
- width -
definise sirinu celije u pixelima ili
procentima
PRIMER:<TD
align="center"
background="pozadina.gif"
bgcolor="red" colspan="2"
height="150" rowspan="2"
valign="bottom"
width="250">
Sada posto ste
upoznati sa osnovnim oznakama i atributima za
pravljenje tabela pogledajte par prakticnih
primera tabela :
|
<table
border="1"
width="100"
bgcolor="white">
<tr>
<td
bgcolor="red"></td>
<td
bgcolor="yellow"></td>
</tr>
<tr>
<td
bgcolor="blue"></td>
<td
bgcolor="aqua"></td>
</tr>
</table> |
|
<table
border="1"
width="100"
bgcolor="white">
<tr>
<td
colspan="2"
bgcolor="lime"></td>
</tr>
<tr>
<td
bgcolor="red"></td>
<td
bgcolor="blue"></td>
</tr>
</table> |
|
<table
border="1"
width="100"
bgcolor="white">
<tr>
<td
bgcolor="yellow"></td>
<td
rowspan="2"
bgcolor="aqua"></td>
</tr>
<tr>
<td
bgcolor="lime"></td>
</tr>
</table> |
|
<table
border="1"
width="100"
bgcolor="white">
<tr>
<td
bgcolor="red"></td>
<td
bgcolor="yellow"></td>
<td
rowspan="2"
bgcolor="aqua"></td>
</tr>
<tr>
<td
colspan="2"
bgcolor="blue"></td>
</tr>
<tr>
<td
colspan="3"
bgcolor="fuchsia"></td>
</tr>
</table> |
|
<table
border="1"
width="100"
bgcolor="white">
<tr>
<td
rowspan="3"
bgcolor="aqua"></td>
<td
bgcolor="blue"></td>
<td
bgcolor="fuchsia"></td>
</tr>
<tr>
<td
colspan="2"
bgcolor="lime"></td>
</tr>
<tr>
<td
bgcolor="gray"></td>
<td
bgcolor="yellow"></td>
</tr>
</table> |
Dobro proucite primere, posebno
dva poslednja, i trebalo bi da ovladate tehnikom
pravljenja tabela. Tabele su svuda oko vas u
internet svetu. Retke su prezentacije koje nemaju
bar jednu tabelu bilo da je vi vidite ili ne.
Pogledajte kodove prezentacija koje vas zanimaju,
tako se najbrze uci. Eksperimentisite sa tabelama
i videcete zasto su tabele najvaznije u HTML
jeziku. Moj predlog je da probate da napravite
tabelu u tabeli !!!
-
Okviri i njihova pravilna primena
!
|