Obrázek s názvem obrazek.jpg, který máme ve složce obrazky (samozřejmě nahráno na webhostingu, ne ve složce na počítači) vložime do HTML dokumentu následujícím kódem:
<img src="./images/obrazek.jpg"> Obrázku můžeme definovat ještě několik vlastností: obrázek je bez okraje, široký 300px a výšku má 200px (ale při zadávání obou hodnot, šířky i výšky, pozor na deformaci) <img src="obrazky/fotka.jpg" border="0" width="300" height="200" alt="popis obrázku">Zarovnání obrázku
Možné hodnoty pro align jsou align="left" align="center" align="right"
<img src="obrazky/fotka.jpg" align="center">Grafické formáty obrázků
Obrázky (fotky) se ukládají do několika různých grafických formátů (poznají se podle koncovky souboru)
- JPG - JPEG je asi nejběžnější formát, díky komprimaci se hodí třeba pro fotky a obrázky na web
- GIF - zvládá průhlednost a animace
- PNG - používá se na webovou grafiku, kvalitnější ale datově náročnější, Internet Explorer neumí vykreslovat jeho průhlednost
- PSD - soubor Photoshopu pro editaci, zachovává vrstvy. Po editaci se z něj obrázky pro web ukládají do některého z předchozích formátů.
- XCF - soubor Gimpu pro editaci, zachovává vrstvy. Po editaci se z něj obrázky pro web ukládají do některého z předchozích formátů.