BHWebmasters HTML On-Line kurs
[Pocetna stranica]
 
[HTML Kurs]
Osnove
Alati
Tekst
Linkovi
Liste
Tablice
Frameovi
CSS
Images/slike
Formulari
Layers (Razine)
Optimirano za MSIE 4.0.
 

 

HTML
Internet je danas bez slika nezamisliv (da ne govorim o animacija i slicno), i tek slikice vam omogucavaju da pravite one lijepe stranice sa roll over dugmicima, animacijama i svim tim cakama. Dakle ovaj tag je takodje od zivotne vaznosti...
Od engleske rijeci images (slika), i slijedi tag za njihovo prikazivanje, naime <img>-tag, zatvoriti ga ne trebate!
Nije dovoljno napisati samo <img>, browseru morate tocno pokazati gdje se slika nalazi to cinite sa src="lokacija". To konkretno izgleda ovako:
<img src="testslika.jpg">.

Ovo znaci da se slika nalazi u istom direktoriju i testslika.jog je naziv te slike
src (engl. source=izvor), dakle daje lokaciju, to moze biti unutar vase prezentacije, u istom direktoriju u nekom drugom direktoriju, ili na nekim drugim stranicama. Primjer slijedi:
<img src="http://www.kvesko.de/slike/anim01.gif">, sto bi znacilo na domeni www.kvesko.de, u direktoriju slike, konkretno slika anim01.gif.

Atributi

<img>-tag moze primiti sljedece atribute:

  • width="x" - sirina, ukoliko se ovaj broj ne podudara sa stvarnom velicinom slike onda se slika razvlaci..
  • height="x" - isto kao za width, samo sto se odnosi na visinu.
  • border="x" - okvir x je broj i sto je veci okvir je deblji..
  • align="left|center|right" - pozicioniranje slike.
  • name="" - ime slike, to je potrebno samo ukoliko zelite da primjenite java script na taj image (da bi ste izveli roll over efekt)
  • alt=".." - alternativ, text, kratak opis slike..
Slike morati koristiti paziljivo i optimirati ih za web, jer sto je vise slika, stranica je opsirnija i sve vise vremena treba da bi se ucitala, time izazivate strpljenje vasih posjetitelja. Jako vazno je koristiti alt atribut jer neki surferi u potpunosti iskljuce slike da bi se stranice brze ucitavale. Cak i takvi surferi mogu zahvaljujuci alt atributu znati o cemu se otprilike radi.

 
by BHWebMasters 2000.
Sva prava su zadrzana.
Za pitanja ili savjete:
bhwebmasters@kvesko.de
Posaljite nam E-Postu.