Obrázky

Příklad:

<img src="http://vytvorweb.czweb.org/image/obrazek.jpg"  alt="obrazek"/>

Tag < img >

Atributy:

Atribut	Hodnota	Význam	DTD
src	URL	Adresa obrázku	STF
alt	text	Alternativní popis	STF
align	top bottom middle left right	Zarovnání obrázku	TF
border	počet pixelů	Rámeček + mřížka	TF
height	počet pixelů %	Definuje výšku obrázku	STF
hspace	počet pixelů	Definuje bílé místo vpravo a vlevo obrázku	TF
ismap	URL	Atribut se používá v případě, kdy se obrázek používá jako odkaz, za adresu připojí souřadnice kam se kliklo myší	STF
longdesc	URL	Adresa dokumentu, který popisuje obrázek	STF
usemap	URL	Pomocí tohoto atributu označíte obrázek který bude považován jako mapa jako jeho hodnota se uvádí jméno mapy ve tvaru #jmeno	STF
vspace	počet pixelů	Definuje bílé místo v horní a dolní části	TF
width	počet pixelů %	Nastavuje šířku obrázku	STF

src

Cesta k obrázku, jde o klasické URL, které může být zapsáno relativně či absolutně. Dnešní prohlížeče podporují .jpg, .png, .bmp, .gif. I další typy obrázků se dají na stránky vložit, ale musí se vkládat pomocí objektů. Pokud uvidíte křížek místo obrázku, tak vězte, že cesta k obrázku je špatná.

alt

Atribut alt je dost často opomíjen a je to špatně. Text v tomto atributu se ukáže místo obrázku, pokud onen obrázek nebude načten, to se může stát (Chybná cesta, nebo si někteří prohlížejí web bez zapnutých obrázků, či dokonce jen v textových prohlížečích). Dále to pomáhá nevidomým, ti si nechávají text předčítat čtečkami, a právě text v atributu alt čtečka přečte místo obrázku.

Zarovnání obrázku

Align

obtékání obrázku	left	obrázek je umístěn vlevo a obtékán zprava
obtékání obrázku	right	obrázek je umístěn vravo a obtékán zleva
vertikální zarovnání	top	vršek obrázku je zarovnán s nejvyšším bodem objektu na řádku
	middle	střed obrázku je zarovnán s účařím písma řádku
	bottom	spodek obrázku je zarovnán ke spodeku řádku
	baseline	spodek obrázku je zarovnán na účaří
	texttop	vršek obrázku je zarovnán s nejvyšším bodem textu
	absmiddle	střed obrázku je zarovnán ke středu řádku
	absbottom	spodek obrázku je zarovnán ke nejnižšímu místu řádku