Ako na Tvorbu webu v HTML (3.) - vkladanie obrázkov
Autor: Dušan Koleno | Vydaný: 07.10.2005
V ďalšom pokračovaní seriálu Vám predstavím vkladanie obrázkov do webovej stránky. Na vkladanie obrázkov sa v html používa tág <img>. Tento tág obsahuje hodnoty:
- src – cesta k obrázku
- alt – popis obrázku, zobrazí sa v bublinke v Internet Exploreri
- title - názov obrázku, ale môže sa zhodovať s hodnotou alt, zobrazí sa v bublinke vo Firefoxe
- border – veľkosť orámovania obrázku
- width – šírka obrázku
- height – výška obrázku
- align – zarovnanie obrázku (left – naľavo, right - napravo, center- nastred)
- vspace – veľkosť horného a dolného okraja
- hspace – veľkosť ľavého a pravého okraja.
Z týchto hodnôt je povinná iba cesta k obrázku. Pri obrázku sa ale odporúča písať aj jeho veľkosť (width, height) a hodnotu alt, aby sa pri vypnutých obrázkov v prehliadači zobrazili rámčeky vo veľkosti obrázka a v nich popis nachádzajúci sa v alte. Cesta k obrázku sa zadáva v závislosti od priečinka, v ktorom sa obrázok nachádza. Ak je obrázok v tom istom priečinku ako je stránka cesta môže byť "obrazok.png". Ak je v podradenom priečinku zadávame ju ako "priecinok/obrazok.png". A po tretie, ak je v nadradenom priečinku cestá vyzerá takto "../precinok/obrazok.png".
Najkratší zápis:
<img src="nieco.jpg">
Úplný zápis:
<img src="nieco.jpg" border="1" alt="Popis obrázku" title=názov alebo popis obrázku" width="100" height="150" align="left" vspace="10" hspace="5">
Vo webových stránkach môžeme používať všetky typy obrázkov aké existujú, ale nie všetky môže prehliadač zobraziť. Najčastejšími formátmi používanými vo www stránkach sú gif, jpeg a nový formát png. Gif a png sa hodia na grafické prvky stránky a jpeg je vhodný na fotografie. V žiadnom prípade však nepoužívajte formát bmp, ktorý je zvyčajne veľmi veľký a ľudom by sa zobrazoval dlho. Pravdaže musíte dávať pozor aj na veľkosť obrázkov vo formátoch gif, jpeg, png.