четвртак, 18. април 2013.

ДЕКОРАТИВНЕ HTML ТАБЕЛЕ

Videli smo skoro sve atribute TABLE, TR i TD tagova. Mi smo uglavnom koristili po jedan do dva atributa, ali mogu se koristiti razne kombinacije stributa kako bi smo dobili estetski razne efekte. Evo jedan primer tabele koja služi da rasporedi elemente jedne web stranice:
<table border="1" cellpadding="0" cellspacing="0" width="600" height="426">
<tr>
<td valign="top" colspan="3" height="75">
Vrh stranice</td>
</tr>
<tr>
<td valign="top" width="155">
Navigacija 1
</td>
<td valign="top" width="398">
Sadržaj stranice
</td>
<td valign="top" height="278" width="164">
Navigacija 2</td>
</tr>
<tr>
<td valign="top" colspan="3" height="71">
Dno stranice
</td>
</tr>
</table>
To bi izgledalo ovako:
Dekorativne html tabele slika 2
Praktično mi smo pomoću tabele web stranicu podelili na nekoliko delova u kojima smeštamo njene elemente. U "Vrh stranice" se obično može smestiti na primer neka flash animacija ili gif, ili samo neka lepa slika. Tu se takodje smešta i naziv sajta, naziv firme, logo firme itd. U "Navigacija 1" se najčešće smešta navigacija web stranice. U "Navigacija 2" se smešta na primer pomoćna neka navigacija, a mogu i reklame, baneri itd. U "Sadržaj stranice" se smešta sam sadržaj stranice. U "Dno stranice" se obično smešta ime firme, vlasnik sajta, mogu i baneri, reklamne, kontakt podaci i slično.
Evo recimo kad bi dodali odgovarajuće te neke elemente, odnosno kad bi ubacili odgovarajuće pozadine, menije, i sadržaj kako bi mogla da izgleda web stranica:
Dekorativne html tabele slika 1
Možete jasno primetiti kako su ispunjene ćelije tabele iz našeg primera. E sad naravno linije tabele se ne vide jer nije estetski, a to se postiže ako u TABLE tagu stavimo BORDER = 0.

Нема коментара:

Постави коментар