HTML Tutor
Lekcija 1
Lekcija 2
Lekcija 3
Lekcija 4
Lekcija 5
Lekcija 6
Lekcija 7
iDragstor Lab
|
|
|
Lekcija 5 - Linkovi i slicice
Link
HYPERLINK, ili skraceno Link, se koristi za navigaciju po web stranicama i omogucava posetiocu da klikne na rec, frazu, ili slicicu(image), i ode na URL koji je definisan u linku.
Prva svtar koja ce vam biti potrebna je URL(ili Uniform Resouce Locator) od stranice na koju zelite da vas korisnik ode kada klikne na link. URL ja adresa nekog sajta ili ono sto obicno pocinje sa http://.
Dalje, treba da se odlucite za tekst vaseg linka i to je cela tajna. Pogledajte sledeci primer:
<A HREF="www.iDragstor.com">Posetite iDragstor.com</A> Resultat:
Posetite iDragstor.com
Verovatno ste vec uvideli da su linkovi podvuceni. Ne morate da uradite nista specijalno da bi proizveli ovaj efekat, vas browser automatski podvlaci tekst vaseg link-a. Kada predjete misem preko link-a vas strelica za navigaciju menja izgled u ruku tj. kaziprst.
Slicice (Image <IMG>)
Slicice (Images) se postavljaju na web stranice uz pomoc image teg-a(<IMG>). IMG teg je jedan od onih retkih sto nema kraj-teg, ali zahteva par atributa:
SRC i ALIGN
SRC ili source je lokacija ili adresa (url) slicice u GIF ili JPG formatu.
<IMG SRC="url">
Ta adresa je obicno negde na C-drive-u i ne zaboravite znake navoda oko adrese inace vam nece raditi. Evo jednog primera:
<IMG SRC="Logo.gif">
ALIGN odredjuje poziciju teksta u odnosu na slicicu i moze imati tri vrednosti top, middle i bottom u zavisnosti gde zelite da se pojavi tekst.
<IMG SRC="url" ALIGN=top>
O ovom primeru text je pozicioniran na vrhu slicice. Pogledajte sledecih 3 primera:
<IMG SRC="Dancing_baby.gif" ALIGN=top>
Prvi primer je kada zelite da se tekst pojavi na vrhu vase slicice. Nakon sto stignete na kraj reda tekst ce se preneti na liniju ispod slicice.
<IMG SRC="Dancing_baby.gif" ALIGN=middle>
Drugi primer je kada zelite da se tekst pojavi na sredini vase slicice. Nakon sto stignete na kraj reda, kao u proslom primeru tekst ce se preneti na liniju ispod slicice.
<IMG SRC="Dancing_baby.gif" ALIGN=bottom>
Treci primer je kada zelite da se tekst pojavi ispod slicice. Sav tekst koji pisete ide ovde.
Ako zelite da vam beba zaigra u sredini ili sa desne stranice onda morate da odredite vtednost atribute ALIGN da bude jednaka center ili right.
<IMG SRC="Dancing_baby.gif" ALIGN=center> ili
<IMG SRC="Dancing_baby.gif" ALIGN=right>
Ovo moze da bude vasa sledeca vezba. Bebu skinete sa ove stranice tako sto cete da namestite mis preko jedne od beba kliknete sa desnim dugmetom i izaberete opciju save as. Snimite bebu u HTML direktorijumu. Prekopirajte kod odozdo i napravite fajl Lekcija5.html u HTML direktorijumu. Otvorite fajl uz pomoc vaseg omiljenog browser-a i gledajte kako beba igra sa desne strane ekrana.
Druga opcija je da skinete bebu na isti nacin i probate kod u iDragstor laboratoriji, sto ce vam biti lakse, ali budite vredni pa koristite laboratoriju za proveru tacnosti. Kraj nema vise. Vidimo se u sledecoj lekciji.
<HTML>
<HEAD>
<TITLE>Lekcija 5</TITLE>
</HEAD>
<BODY BGCOLOR=yellow TEXT=red>
<IMG SRC="Dancing_baby.gif" ALIGN=right>
</BODY>
</HTML>
|
|
|
