Ako na Tvorbu webu v HTML (3.) - vkladanie obrázkov

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

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.

Související články

• Ako na tvorbu webu v HTML (4.) - tabuľky (14. červenece 08, 11:07)
• Ako na tvorbu webu v HTML (5.) - odkazy (14. červenece 08, 11:07)
• Ako na tvorbu webu v HTML (6.) - zoznamy (14. červenece 08, 11:07)
• Ako na Tvorbu webu v HTML (2.) - upravovanie textu (14. červenece 08, 11:07)
• Ako na jednoduchý upload obrázkov v PHP (23. červenece 08, 19:07)
• Firefox: Pridaná podpora zabudovaného videa z HTML 5 (31. červenece 08, 12:07)
• Ako obísť ban na všetky miestnosti na azete. (21. červenece 08, 05:07)