tvorba webu

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

Profesionální tvorba webových stránek za nízké ceny.


tyto stránky  internet    

Web stále aktualizujeme a doplňujeme o nové články, návody, tipy a informace

Tvorba webu návod | Tvorba www stránek | | Odkazy | Mapa webu | powered by Linux
Tvorba webových stránek