Dimitar Trpkovski

HTML Kurs za web dizajn

Lekcija 7

7-1 Pozadina vo boja na tabelite

Vo novite browser-i mo`eme da koristime pozadina vo boja za tabelite.Mo`ete da ja odredite bojata na pozadinata vo <table> tagot.

Primer:

<HTML>

<HEAD>

<TITLE>Primer 7-1</TITLE>

</HEAD>

<BODY>

<TR>

</TR>

<TR>

</TR>

</TABLE>

</BODY>

</HTML>

Vo gorniov primer celata tabela }e se promeni vo nova boja duri i granicite na tabelata.Isto taka mo`eme da ja odredime bojata na sekoj red.Ako sakate da go napravite ova morate da ja koristite bgcolor opcijata vo <tr> tagot.

Vtoriov metod }e ja smeni samo bojata na kelijata vo specifiraniot red.

Primer:

<HTML>

<HEAD>

<TITLE>Primer 7-2</TITLE>

</HEAD>

<BODY>

</TR>

</TR>

</TABLE>

</BODY>

</HTML>

Mo`ete duri i da ja smenite bojata na sekoja kelija poedine~no so koristewe na bgcolor opcijata vo <td> i </td> tagovite.

Mo`ete da gi me{ate site sakani opcii za da ja dobiete posakuvanata tabela.

Vo sledniov primer }e ja smenime bojata na prviot red vo “#336699”. Potoa }e gi smenime boite na dve kelii vo vtoriot red vo “#66CCFF” i “#CCFFFF” soodvetno.

Primer:

<HTML>

<HEAD>

<TITLE>Primer 7-3</TITLE>

</HEAD>

<BODY>

</TR>

<TR>

</TR>

</TABLE>

</BODY>

</HTML>

7-2 Spojuvawe na koloni

Ponekoga{ treba da spoite dve kelii vo red pome|u sebe.Na primer vo 2*3 tabela sakame da spoime dve kelii pome|u sebe.Na ovoj na~in }e imame dve kelii vo prviot red i tri kelii vo vtoriot red.Vnesete go ovoj html kod vo datoteka i pogledneto go vo va{iot browser.

Primer:

<HTML>

<HEAD>

<TITLE>Primer 7-4</TITLE>

</HEAD>

<BODY>

<TR>

</TR>

<TR>

</TR>

</TABLE>

</BODY>

</HTML>

Samo bidete vnimatelni deka koga imate na primer dve kelii vo prviot red i prvata go koristi parametarot colspan=2 zna~i deka taa e ednakva na 2 kelii.Zatoa morate da imate 3 kelii vo sledniot red (tri <tr> tagovi) ili mo`ete da koristite colspan za da kreirate kelii na koj {to dodadenite }e bidat ednakvi na prethodniot red ili 3 vo ovoj slu~aj.

7-3 Spojuvawe na redovi

Ovoj pat sakame da spoime dve kelii vo kolona od razli~en red.Ova e isto kako prethodnoto samo {to }e spoime kelii od razli~ni redovi,a ne od razli~ni koloni.Zatoa }e koristime rowspan.

Primer:

<HTML>

<HEAD>

<TITLE>Primer 7-5</TITLE>

</HEAD>

<BODY>

<TR>

</TR>

<TR>

</TR>

</TABLE>

</BODY>

</HTML>

Povtorno morate da bidete pretpazlivi koga imate na primer kelija vo prvata kolona koja ste ja spoile vo dve kelii so opcijata rowspan=2,toga{ va{ata tabela mora da ima dva reda i ova morate da go imate vo predvid vo slednite delovi od va{ata tabela.Vo gorniov primer vnesovme dve kelii vo vtoriot red (po~nuvaj}i od vtorot <tr>) zatoa {to prvata kelija od prviot red go okupirala toj red,pa taka ni ostanuvaat samo 2 kelii od 3.

Za da steknete iskustvo so ovie tabeli i za da mo`ete da gi me{ate ovie opcii morate mnogu da se potrudite.

7-4 Vgnezdeni tabeli

Ako sakame mo`eme i da vnezdime tabeli.Ako dizajnirate komplicirani webstranici sekoga{ }e vi treba ova.Na primer vi treba tabela so granici 3 na nekoja pozicija na stranicata.Za da ja fiksirate pozicijata koja {to vi treba }e vi treba tabela so granici 0.Vo ovoj slu~aj prvata tabela }e se gleda so granici a vtorata nema da se poznava zatoa {to vi e potrebna samo za fiksirawe na pravata tabela.

Primer:

<HTML>

<HEAD>

<TITLE>Primer 7-6</TITLE>

</HEAD>

<BODY>

<TR>

<TR>

</TR>

<TR>

</TR>

<TR>

<TD width="50%">JScript</TD>

</TR>

</TABLE>

</TD>

</TR>

</TABLE>

</BODY>

</HTML>

Vo ovoj primer imame 1*4 tabela.Sakame da ja dr`ime na{ata glavna tabela vo tretata kolona za glavnata tabela da bide prika`ana na desnata strana od centarot na ekranot.Glavnata tabela ima granica 1 dodeka prvata tabela e skriena.

	free hosting image hosting hosting reseller online album e-shop famous people