|
U svoju HTML stranicu mozete umetnuti zeljenu grafiku koja ce joj dati mnogo zanimljiviji izgled. Slike koje ubacujemo nalaze se u dva standardna formata a to su
· gif
· jpeg
U JPEG formatu se cuvaju kvalitetnije slike koje podrzavaju 16 miliona boja dok su gif slike nesto losijeg kvaliteta ali se zato mogu dobro animirati.
Tag uz pomoc koga se umece slika je <img> u kome je obavezno da stoji atribut src. Ovaj atribut pokazuje browseru gde da nadje zeljenu sliku odnosno pokazuje putanju do nje. Na primer:
<img src="c:/slike/back.gif">
Naravno potrebno je pisati i format slike, u ovom slucaju .gif. Ako se zeljena slika nalazi u istom folderu gde i HTML dokument u kom je pozivamo nije potrebno unositi putanju slike vec samo njeno ime.
Ovaj slucaj bih vam i preporucio da se ne bi pogubili po tolikim putanjama ako imate vise grafike. U ovom slucaju zeljeni tag bi izgledao ovako:
<img src="back.gif>
Pored atributa src postoje i neki drugi atributi koji su manje bitni ali ih je pozeljno koristiti. To su:
alt
neight
width
align
border
hspace
vspace
Uz pomoc alt atributa odredjuje se ime slike. Ova pogodnost je
veoma bitna ako graskom ne dodje do ucitavanja zeljenje slike na mestu
gde treba da se nalazi; pojavice se samo okvir i njeno ime. Tako da ako je
ta slika link posetilac ce znati kuda vodi.
<img src="back.gif" alt="Nazad">
Atributima neight i width se dafinise duzina odnosno sirina slike u pikselima.
Ako se ovi atributi ne nalaze u tagu za dodelu slike browser ce morati sam
da ih odredjuje sto oduzima mnogo vremena pri ucitavanju stranice. Preporucujem
da ih obavezno stavljate. Primer dodele bi izgledao ovako:
<img src="back.gif" alt="Nazad" neight="30" width="50">
Align atribut kao sto vac predpostavljate sluzi da definise gde ce se slika nalaziti.
Njegova osnovne vrednosti su center, left, right mada moze uzimati i druge koje
cete kasnije nauciti.
<img src="back.gif" alt="Nazad" neight="30" width="50" align="right">
Atributom border mozemo staviti ram slici. Debljina se odredjuje u pikselima a
naredba izgleda ovako
<img src="back.gif" alt="Nazad" neight="30" width="50" align="right" border="2">
Naredna dva atributa hspace i vspace sluze da se odredi prazan prostor izmedju
slike i okoline. Takodje se odredjuje u pikselima a naredba glasi:
<img src="back.gif" alt="Nazad" neight="30" width="50" align="right" border="2" hspace="5" vspace="5">
Atribute alt, neight i width preporucujem da obavezno koristita bez obzira o
kakvoj je slici rec dok ostale atribute treba koristiti samo kada zatrebaju. Uz
pomoc ovih atributa mozete za pocetak odrediti sve zeljene atribute slike koju
zelite na stranici.
Zadatek
1. Unesite neke slike sa svog racunara na web stranicu.
Pomerajte je levo, desno,...
U nastavku udzbenika naucicemo veoma bitnu oblast a to je linkovanje.
|
