Zobrazení obrázku
Vkládání grafiky
Tam kde chceme obrázek vložit napíšeme značku <img />
<img src=“obr.jpg“ />
Příprava alternativních a nápovědných textů
Pomocí parametrů alt a title. alt se často používá pro nadefinování popisného textu k obrázku. Tento text, ale v prohlížeči není vidět. Ukazuje se namísto obrázku, pokud stránku prohlížíte v prohlížeči, který nepodporuje zobrazování obrázků.
Title naproti tomu vysvětluje text a používá se v řadě prohlížečů jako rychlá informace při najetí na obrázek kruzorem myši.
Img {float:left}
Uspořádání elementů na stránce
Pro vertikální posunutí textu dolů do místa, kde končí prostor obsazený grafikou, použijeme vlastnost clear.
Např. <h2 style=“clear:left“>Nové články</h2>
Určení velikosti obrázku a vnitřního okraje
Velikost je vyjádřena v pixelech.
Pro změnu velikosti stačí přidat do značky <img> parametr height, width.
Pro oddělení obrázku od okolních elementů, můžeme použít stejně jako u textu vnější nebo vnitřní okraj. Pomocí vlastností padding – uvnitř, margin – zvnějšku.
<img src=“3D.jpg“ style=“margin:10px;
float:left“ height=“100“ width=“100“>
Ve výchozím nastavení má grafický odkaz stejnou barvu jako textový odkaz. Přidáním vlastnosti border:none do <img> můžeme rámeček odstranit
Miniaturní obrázky
Využijeme obrázků s menším rozlišením a budeme odkazovat na obrázky ve větším rozlišení.
<a href=“3D.jpg“ target=“_blank“> <img src=“3D_maly.jpg“> </a>
Vytváření panelu s textovou navigací
Vytváření panelu s grafickou navigací
grafická tlačítka můžeme stáhnout ze stránek:www.crystalbutton.com
www.aaa-buttons.com