Začínáme s HTML - obrázky (8. díl)

Okořenění našeho webu.

Obrázky
Obrázky dnes má snad každý web na který si vzpomeneme. Popravdě si ani dnes už nikdo web bez obrázků asi nedovede představit a přesto zrovna obrázky mohou webu jak velmi pomoci, tak ho opravdu pokazit. Jak tedy na obrázky a vyhnout se začátečnickým chybám???

Tradičně si ukážeme zápis obrázku a následně vysvětlím

<img src="cesta" align="umisteni" width="sirka" height="vyska" alt="popisek" border="0">
src="cesta"
Poměrně jasný prvek. Do uvozovek zadáme cestu, kde se obrázek nachází. Může být buď na disku jako stránky, nebo na webu.

align="umisteni"
Obdobně jako třeba ve Wordu i zde si vybereme kde na stránce obrázek umístíme. Můžeme použít příkazy:
left - zarovnání doleva, obrázek je textem obtékán z prava
right - zarovnání doprava, obrázek je obtékán z leva
top - srovnání obrázku s nejvyšším bodem v řádku
bottom - spodek obrázku je ve stejné výšce jako spodek textu
middle - střed obrázku je ve stejné výčce jako účaří textu v řádku

width="sirka", height="vyska"
Nám již známé parametry mohou v případě obrázků nadělat pěknou paseku. Mnohokrát jsem objevil stránky, kde se autor snažil obrázky zmenšit změnou hodnot v těchto parametrech. Je nezbytné si uvědomit, že velikost a tím i rychlost načtení obrázku můžeme ovlivnit pouze v některém grafickém programu. Pokud změníme velikost zde, v kódu, obrázek se sice zobrazí menší, ale bude deformovaný a rychlost načítání se nezmění!
Oba dva parametry můžeme vynechat a obrázek se zobrazí v pravé velikosti. Pokud se ovšem rozhodnete je přesto použít, můžeme velikost zadat v pixelech, nebo v procentech.

alt="popisek"
Pokud se stane, že se obrázek z nějakého důvodu nenačte, zobrazí se alternativní popisek. Jedná se o poměrně důležitý prvek, neb bez jeho použití nedosáhneme validity stránek a zrovna tak právě ALT plní důležitou roli pro čtečky webových stránek pro zrakově postižené.

border="0"
Obrázek může mít rámeček a pokud se chceme rámečku vyhnout použijeme hodnotu 0. Je jistější jej použít, neb nikdy není jasné jak který prohlížeč bude reagovat.


Obrázky jsou pro web důležité, ale nic se nesmí přehánět a rozhodně se nedržte pravidla, že čím více obrázků stránka má, tím bude lepší. Ačkoliv jsem říkal, že těžko najdete webové stránky bez obrázků, platí pravidlo "co není nutné, nepoužívám"
Autor: El Carlos