<img src="http://vytvorweb.czweb.org/image/obrazek.jpg" alt="obrazek"/>
| 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 |
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á.
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.
| obtékání obrázku | left | obrázek je umístěn vlevo a obtékán zprava |
| 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 |