free hosting   image hosting   hosting reseller   online album   e-shop   famous people 
Free Website Templates
Free Installer

 

 

HTML Kurs za web dizajn




 

Lekcija 5

 

 

5-1 Tabeli

 

Tabela e matrica na objekti {to sodr`i drugi objekti kako tekst,sliki,kop~iwa i sli~ni.

Duri i ako ne gi gledate tie postojat vo site profesionalni web stranici.Skrienite tabeli gi dr`at slikite i tekstovite na nivnoto mesto na web stranata.

 

5-2 Crtawe na tabeli

 

Za da nacrtame tabela }e go koristime <table> tagot.]e ni trebaat dva drugi povrzani tagovi za da gi napravime redovite i kolonite na tabelite.

 

<tr> tagot se koristi za da se kreira red vo tabelata.Podatocite koi }e gi smestime vo redot }e bidat smesteni pome|u <tr> i </tr> tagovite.

 

Sledniov primer poka`uva tabela so dva reda:

 

<TR>

<TD>Prv red</TD>

</TR>

<TR>

<TD>Vtor red</TD>

</TR>

</TABLE>

 

Ako go poglednete ovoj primer vo va{iot browser mo`e }e se iznenadite.Nema da vidite nitu edna tabela tuku dva reda na kod.Vo su{tina tabelata e tamu,no ne mo`ete da ja vidite.

 

<table> tagot nema da napravi granici.Morate da koristite parametar za da specificirate granici.Mo`ete da specificirate e {irina na granicite so ovoj parametar.

Primer:

 

<TABLE BORDER=1>

<TR>

<TD>Prv red</TD>

</TR>

<TR>

<TD>Vtor red</TD>

</TR>

</TABLE>

 

Kako {to mo`ete da pogodite predodredenata vrednost za granica e 0.Koga ne specificirame golemina na tabelata taa }e bide vo onaa golemina koja }e bide dovolna da go sobere celiot tekst ili sliki {to ja sodr`i.

 

5-3 Specificirawe na goleminata na tabelata

 

Mo`ete da specificirate {irina na tabelata i vo procenti i vo pikseli.

Primer:

 

<HTML>

<HEAD>

<TITLE>Primer 5-1</TITLE>

</HEAD>

<BODY>

<TABLE WIDTH=50% BORDER=1>

<TR>

<TD>Kelija red1 kolona1</TD>

<TD>Kelija red1 kolona2</TD>

</TR>

<TR>

<TD>Kelija red2 kolona1</TD>

<TD>Kelija red2 kolona2</TD>

</TR>

</TABLE>

</BODY>

</HTML>

 

Ako sakate mo`ete da ja odredite {irinata i vo pikseli.

 

<TABLE WIDTH=250 BORDER=1>

<TR>

<TD>Kelija red1 kolona1</TD>

<TD>Kelija red1 kolona2</TD>

</TR>

<TR>

<TD>Kelija red2 kolona1</TD>

<TD>Kelija red2 kolona2</TD>

</TR>

</TABLE>

 

 

Isto taka mo`ete da specificirate i visina na tabelata.Na ovoj na~in mo`ete da gi odredite i {irinata i visinata na tabelata.[irinata na tabelata }e se podeli so brojot na koloni pa taka ako imate {irina od 100 pikseli i tabelata ima 2 koloni toga{ {irinata na sekoja kelija }e bide 50.

 

Samo obrnete vnimanie deka ako stavite mnogu tekst vo kelija na tabela taa }e bide pro{irena za da go sobere celiot tekst.

 

5-4 Pozicija na tekstot vo keliite

 

Predodredenata pozicija za pojavuvawe na tekstot vo tabelata }e bide toj da po~nuva od levo.Mo`ete da gi dodadete site ovie opcii vo <td> tagot za da go namestite tekstot.

 

<TD ALIGN=CENTER> ili

<TD ALIGN=RIGHT> ili

<TD ALIGN=LEFT>

 

Isto taka mo`ete da gi odredite i vertikalnite pozicii na tekstot so dodavawe na valign opcijata vo <td> tagot.Postojat tri pozicii: top,bottom i middle.Poslednata e predodredena ako ne koristime parametar.

Primer:

 

<HTML>

<HEAD>

<TITLE>Primer 5-2</TITLE>

</HEAD>

<BODY>

<TABLE WIDTH=50% HEIGHT=100 BORDER=3>

<TR>

<TD ALIGN=LEFT VALIGN=TOP>GORE LEVO</TD>

<TD ALIGN=RIGHT VALIGN=TOP>GORE DESNO</TD>

</TR>

<TR>

<TD ALIGN=LEFT VALIGN=BOTTOM>DOLU LEVO</TD>

<TD ALIGN=RIGHT VALIGN=BOTTOM>DOLU DESNO</TD>

</TR>

</TABLE>

</BODY>

</HTML>

 

 

5-5 Sliki vo tabela

 

Naskoro }e treba da dodadete sliki vo va{ata tabela.Mo`ete da vnesete slika vo tabela so dodavawe na <img> tagot pome|u <td> i </td> tagovite vo odredena kelija.

Primer:

 

<HTML>

<HEAD>

<TITLE>Example 5-3</TITLE>

</HEAD>

<BODY>

<TABLE BORDER=4>

<TR>

<TD><IMG SRC="image53.gif"></TD>

</TR>

</TABLE>

</BODY>

</HTML>