Moja ljubav	To sam ja

Evo dve slike moje ljubavi i mene. Ubacivanje slika u vas HTML dokument je vrlo jednostavno koriscenjem taga <img>. Ovaj tag je pravi primer onog sto sam pominjao ranije za <font>. Bez svog osnovnog atributa SRC nema nikakvu primenu. Atribut SRC ustvari sluzi da kazemo gde se nalazi slika koju zelimo da postavimo. Ja sam gornje dve slike moje Danijele i mene postavio u tabelu ali cemo nju sada da zanemarimo i fokusiracemo se na sliku. Evo kompletne linije koda:

<img src="img/Moja_ljubav.gif" border="1">

<img src="img/To_sam_ja.gif" border="1">

Znaci imamo osnovni tag <img>, njegov atribut SRC koji nam kaze gde je slika koju ubacujemo i tacan naziv fajla slike. Primetite ono /img u vrednosti atributa SRC. Ja sam sliku stavio u direktorijum img pa to moram i da navedem. U protivnom HTML ce traziti sliku tamo gde se i on sam nalazi. Ja volim red pa zato pravim posebno direktorijume za slike, posebno za banere a posebno za flash fajlove. Vidite da u citavoj liniji postoji jos jedan atribut. BORDER. Nije tesko pogoditi da je njegova uloga da postavlja ivice oko slike. Vrednost se izrazava u pikselima. Ja sam stavio vrednost "1" tako da mozete da uocite tanke linije oko obe slike. Nas stari znalac iz prethodnih lekcija je atribut ALIGN kojim, pogadjate, poravnavate sliku i tekst oko nje. U slucaju slika, atribut ALIGN ima vecu ulogu nego kada je samo tekst u pitanju. Pogledajmo:

Vrednost	Kako radi?
Left	Poravnava sliku uz levu ivicu. Tekst je sa desne strane slike.
Right	Poravnava sliku uz desnu ivicu. Tekst je sa leve strane slike.
Top	Poravnava gornju ivicu slike sa ivicom postojeceg reda teksta ili najvise slike.
Texttop	Poravnava gornju ivicu slike sa gornjom ivicom postojeceg reda teksta.
Middle	Poravnava centar slike sa donjom ivicom postojeceg reda teksta.
Absmiddle	Poravnava centar slike sa sredinom postojeceg reda teksta ili najvise slike u redu.
Center	Isti efekat kao i absmiddle. Ipak vrednost postoji pa sam je zato naveo.
Bottom	Poravnava donju ivicu slike sa donjom ivicom postojeceg reda texta.
Baseline	Isti efekat kao i bottom. Ipak vrednost postoji pa sam je zato naveo.
Absbottom	Poravnava donju ivicu slike sa donjom ivicom postojeceg reda teksta ili najvise slike u redu.

Jos jedna zanimljiva stvar kod taga <img> jeste sto se on NE zatvara. Nema </img>.

Brzo i lako. Nema puno mudrosti oko ubacivanja slika u HTML dokument. Mi idemo dalje i pozabavicemo se tabelama...