Slike i postavljanje u dokument!

Koristeći tagove, mi možemo postaviti sliku u dokument.

<img src="Back.jpg" alt="This is the back image" border="0">

<img src="Back.jpg" - način kako se obraćamo rowseru da bi prikazao sliku: Back.jpg.

alt= je alternativna tekstualna prezentacija, koja se aktivira kada se stavi kursor miša iznad slike i kaže: "Ovo je ta i ta slika" odnosno ono što mi napišemo. Ovo je korisno i za pretraživače a i za ljude. "ALT" obavezno odradite zbog budućih standarda. "The image tag must have an alt= attribute." I potrudite se da postavite pravilno ime zbog govornih browsera. Slika: "d3ght6.gif" ni vama, za par godina neće značiti ama baš ništa.

border="0" Uklanja linije koje se pojavljuju okolo dugmeta ili slike kada se slika koristi kao hiperlink. Nekim ljudima je to ružno!

Evo dugme koje je postavljeno desno. To moramo naznačiti jer je po defoltu levo uvek; <img src="button.gif" alt="Back image" align="right">

U oba slučaja tekst će obujmiti sliku.

Ali kada želimo da to ne bude tako da dugme stoji zasebno , napisaćemo <br clear="all" /> To neće dozvoliti tekstu da ga obujmi (stops the text from wrapping around the image).

Skok sa slike!

Klikni na sliku ali zapamti da britisneš browser's back button to return!;

Kod za ovo je;

<a href="Test.htm"><IMG SRC="button.gif" ALT="Idemo na test;></a>

A ukoliko ne želimo da imamo borduru oko dugmeta: stavite, BORDER=0!

Evo i koda:

<a href="images.htm"><img src="button.gif" width="127" height="44"

ALT="Back to Image Alignment" border="0"></a>

Ravnanje slike - Image Alignment

This is some text with the image.This is some text with the image.	align="default"
This is some text with the image.This is some text with the image.This is some text with the image.	align="right"
This is some text with the image.This is some text with the image.	align="top" Top of the text, of course.
This is some text with the image.This is some text with the image.	align="texttop" Can you see any difference between this and the previous? I can't!
This is some text with the image.This is some text with the image.	align="middle"
This is some text with the image.This is some text with the image.	align="bottom"
This is some text with the image.This is some text with the image.	align="absmiddle"