Ovi elementi služe za umetanje slike u HTML dokument.
IMG Tag
Atributi koji nisu podržani u HTML5: align, border, hspace i vspace. IMG tag mora sadržavati najmanje src i alt atribute, a dodatno se preporuča i upotreba width i height atributa.
width="integer" i height="integer"
Ova dva atributa definiraju širinu i visinu slike u pixelima.
Ovo se također može postići i pomoću CSS-a.
src="URL"
Definira URL adresu slike koja se umeće u web stranicu.
alt="string"
Određuje text koji opisuje sliku. Vrlo važno za web pretraživače slika.
ismap
Definira sliku kao server-side image-map te na server šalje koordinate na kojima se desio klik na sliku.
IMG tag se smješta unutar A taga, a A tag određuje PHP, ASP, CGI skriptu koja preuzima kordinate klika.
Primjer - ismap: vidi primjer » vidi code » vidi PHP code
usemap="#mapname"
Definira sliku kao client-side image-map odnosno definira koji MAP tag će slika koristiti.
U primjeru dolje pomoću usemap="#blood" i name="blood" definirani su različiti linkovi.
Primjer - usemap - link: vidi primjer » vidi code
MAP Tag
Unutar taga <map> </map> stavljaju se AREA tagovi koji definiraju područja na koja će se moći klikati kao na link tj. kao da je riječ o A tagu.
name="string"
Definira 'name' tj. naziv mapiranja.
AREA Tag
Tag <area> smješta se unutar MAP taga te određuje područje unutar slike na koje će se moći klikati.
shape="rect | circle | poly"
Određuje geometrijski oblik područja.
coords="numbers"
Određuje koordinate geometrijskog oblika određenog sa 'shape' atributom.
- shape="rect" coords="x1,y1,x2,y2" - pravokutnik
- shape="circle" coords="x,y,radijus" - krug
- shape="poly" coords="x1,y1,x2,y2,x3,y3,x4,y4,..." - poligon
href="URL"
Definira fajl koji će se pokrenuti kada kliknemo na područje slike.
To je slično kao <a href="".
alt="string"
Definira tekstualni opis određenog područja slike.
target="_blank | _parent | _top | _self | framename "
Određuje u kojem prozoru će se otvoriti area link.
Upotreba shape, coords, href, alt i target: vidi primjer » vidi code
hreflang="en | de | es | it | hr | ..."
Definira jezik koji se nalazi na href url-u, odnosno na odredišnom fajlu.
download="filename"
Ovaj atribut omogućava download fajla definiranog pod 'href'. Ako napišemo samo download naziv fajla za download
će biti isti kao u 'href' atributu. Ako pak stavimo download="nesto.html" onda će fajl biti spremljen na hard diak kao nesto.html.
Primjer: vidi primjer » vidi code
media="string"
Atribut 'media' definira na kom mediju će biti izlaz kada kliknemo na map link. Npr ako stavimo
media="print" izlaz neće ići na ekran nego na printer.
rel="string"
Određuje o kakvom je linku riječ. Vrlo korisno za web robote. Sve što je dolje navedeno vrijedi i za A i za LINk tagove.
- alternate - link na izmjenjeni dokument tj. na print stranicu, prevednu stranicu ...itd.
- author - link na stranicu sa podacima o autoru. To može biti i Google+ račun.
- bookmark - link za bookmark (favorites)
- help - link na help dokument
- licence - link na copyright dokument
- nofollow - link koji web robot ne treba slijediti
- noreferrer - govori da browser ne treba slati HTTP referer header kada netko klikne na link
- prefetch - govori da browser treba cache-irati dokument na tom linku
- search - link na alat za pretraživanje
- next - link na slijedeću stranicu rezultata pretraživanja
- prev - link na prethodnu stranicu rezultata pretraživanja
- tag - keyword za trenutni dokument
type="MIME"
Definira MIME tip dokumenta definiranog pod 'href'.