Dimitar Trpkovski

HTML Kurs za web dizajn

Lekcija 4

4-1 Linkovi

Sekoj objekt kako na primer tekst,grafi~ki sliki i sli~no koj ne vodi do nova strana se vika link.Linkovite mo`e da poka`uvaat kon stranica na na{iot sajt ili na nekoja druga web strana.

Ovde }e nau~ime kako da napravime linkovi.

4-2 Tekstualni linkovi

Kreirawe na tekstualen link e lesna zada~a.]e gi koristime <a> i </a> tagovite za da go napravime toa.Isto taka }e ni trebaat i nekoi parametri.

Primer:

<HTML>

<HEAD>

<TITLE>Primer 4-1</TITLE>

</HEAD>

<BODY>

<A HREF="http://www.yahoo.com">Stisnete ovde za da go posetite yahoo.</A>

</BODY>

</HTML>

Gorniov kod }e kreira link na kogo ako se klikne }e go isprati korisnikot na yahoo stranata.Go koristevme hrev parametarot za da ja specificirame destinacijata na linkot.Tekstot pome|u <a> i </a> e tekstot na linkot na koj {to }e treba da kliknete.

4-3 Linkovi so slika

Vo prethodnite sekcii koristevme tekst zana{iot link.Mo`e da koristime i slika namesto tekst.Za da go napravime ova mora da go zamenime tekstot pome|u <a> i </a> so slika.

Primer:

<HTML>

<HEAD>

<TITLE>Primer 4-3</TITLE>

</HEAD>

<BODY>

Stisnete na slikava za da go posetite mojot sajt.

</A>

</BODY>

</HTML>

Vo gorniov primer stiskaweto na slikata }e ve odnese na sajtot koj e specificiran kako destinacija.Ako go vidite rezultatot vo va{iot browser }e vidite sina granica okolu slikata.Ovaa sina granica e predodredena kako granica na slika koja pretstavuva link.Ako ne ja sakate ovaa granica koristete parametar border=0.

Primer:

<HTML>

<HEAD>

<TITLE>Primer 4-3</TITLE>

</HEAD>

<BODY>

Stsnete na slikava za da go posetite mojot sajt.

</A>

Bez granica :

</A>

</BODY>

</HTML>

4-4 Email linkovi

Ako ste surfale po internet sigurno ste zabele`ale linkovi koj na koj {to }e kliknete startuva program so prozorec za pi{uvawe na nova poraka so prima~ka adresa na istata web strana.Ovaa adresa e adresata na koja {to sakate da i pratite email.

Primerot poka`uva kako da go napravite toa:

<BODY>

Kliknete na linkot za da mi praite email

Email Me

</A>

</BODY>

Go primetuvate mailto: stringot pred sakanata email adresa.Ako sakate mo`e da koristite i subjekt za va{ata po{ta.

Primer:

<HTML>

<HEAD>

<TITLE>Primer 4-4</TITLE>

</HEAD>

<BODY>

Kliknete na tekstot za da ni pratite komentar.

<A HREF="mailto:webmaster@dtrpkovski.fateback.com?

subject:komentari za ovoj sajt">Email Me</A>

</BODY>

</HTML>

Samo znajte deka nekoi browser-i i email programi ne go poddr`uvaat ova.

4-5 Listi

Nekoga{ sakate da vnesete predmeti za nekoj objekt vo forma na lista na va{ata strana.Html tagovite {to vi go ovozmo`uvaat ova se <ul> i </ul>.

Primer:

<HTML>

<HEAD>

<TITLE>Primer 4-5</TITLE>

</HEAD>

<BODY>

Ova e lista na subjekti :

<UL>

<LI>Tekstualni linkovi

<LI>Slikovni linkovi

<LI>Email linkovi

<LI>Listi

</UL>

</BODY>

</HTML>

Rezultatot }e bide sozdavawe na lista na va{ata web strana so sekoj predmet vo nov red i mala to~ka pred nego.Primetuvate deka za sekoj del od listata se vnesuva tagot <li> vgnezden vo tagot <ul>.

Ako ne sakate predmetite da bidat pretstaveni so to~ki tuku so brojki pred niv treba da go koristite tagot <ol>.

Primer:

<OL>

<LI>Tekstualni linkovi

<LI>Slikovni linkovi

<LI>Email linkovi

<LI>Listi

</OL>

4-6 Horizontalni delbeni linii

Drug korisen html tag {to }e go koristite e <hr> tagot.Ako sakate da go podelite tekstot na web stranata so horizontalna linija mo`ete da go koristite ovoj tag.

<BODY>

Prv del

<HR>

Vtor del

</BODY>

Rezultat od ova e tekst podelen so horizontalna linija.Za linijata mo`e da specificirate i drugi parametri:

<HR WIDTH="50%"> sirina vo procenti

<HR WIDTH="100"> sirina vo pikseli

Isto taka mo`e da go smenite i dijametarot na linijata:

Mo`ete da gi me{ate parametrite edni so drugi.

Ako sakate linijata da bide bez senka koristete:

ili vo boja:

Gornava linija nema senka i e so polna boja.

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