HTML tagy - obrázky

Vložení obrázku

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ů.

HTML tagy - obrázky