Obrázky nejsou součástí HTML dokumentu, ale vkládají se pomocí URL prostřednictvím nepárové značky <img>. Tato značka má dva povinné parametry: src pro určení URL obrázku a alt pro alternativní text, který se zobrazí, když je obrázek nedostupný. Parametr alt je velmi důležitý, protože v src parametru obrázku může být i absolutní URL a tudíž se může stát, že ačkoliv máme dostupný dokument, obrázek dostupný není a bez alternativního textu se nic nezobrazí. U obrázku je také dobré vždy zadat jeho výšku a šířku, aby v případě nedostupnosti obrázku nedošlo k narušení formátování stránky.

Toto je obrázek na vzdálením serveru: a toto je lokální: . Obrázky jsou pod textem proto, že jsem jim nastavil v CSS vlastnost display na block. Implicitně jsou nastaveny jako inline (čili podobně, jako <span>).

Obrázky můžete vkládat i dovnitř odkazů. Získáte pak odkazy jako např.:

Obrázky můžete dávat i na pozadí odkazů. Můžete pak dostat takovéto odkazy: Pozor, tyto odkazy jsou špatně použitelné pro nevidomé uživatele.

Důležité je používat správný formát obrázků. Z bezeztrátových formátů jsou k dispozici starší GIF (Graphics Interchange Format - pouze 256 různých barev, umí animace) a novější PNG (Portable Network Graphic - barevné rozlišení TrueColor, neumí animace, Microsoft Internet Explorer špatně zobrazuje průhledné pozadí). Ze ztrátových formátů (vhodné pro běžné fotky) je k dispozici formát JPEG (Join Photo Expert Group - obvyklá přípona jpg, TrueColor, nevhodný pro obrázky s početnými ostrými hranami).