HTML UΦebnice - obrßzky

Obrßzky

Vlo₧enφ obrßzku na strßnky

<IMG SRC="obrazek.gif" ALT="text">

Ke vlo₧enφ obrßzku na strßnku se pou₧φvß tag <IMG>, ve kterΘm specifikujeme cestu v atributu SRC, kde mßme obrßzek ulo₧en. Dßle existuje atribut ALT, kter² slou₧φ k jednoduchΘmu popisu obrßzku (nap°. popis fotky). Text se v internetov²ch prohlφ₧eΦφch zobrazφ po najetφ kurzoru na obrßzek. Tento atribut mß ale jeÜt∞ dalÜφ v²hodu a to pro majitele negrafick²ch internetov²ch prohlφ₧eΦ∙ (SecureCRT, Lynx). V t∞chto prohlφ₧eΦφch se zobrazφ mφsto obrßzku jen text v atributu ALT.

Zarovnßnφ obrßzku

Zp∙sob zarovnßnφ obrßzku a okolnφho textu urΦuje atribut ALIGN, kter² vklßdßme do tagu <IMG> nßsledovn∞ :

Atribut ALIGN m∙₧e nab²vat p∞ti hodnot. TOP - zarovnßvß se s °ßdkou hornφ okraj obrßzku, MIDDLE - obrßzek je vzhledem k °ßdce vertikßln∞ vycentrovßn, BOTTOM - zarovnßvß se s °ßdkou spodnφ okraj obrßzku, LEFT/RIGHT - obrßzek je umφst∞n u levΘho nebo pravΘho okraje strßnky a obtΘkß ho text.

èφ°ka a v²Üka obrßzku

<IMG SRC="obrazek.gif" WIDTH="x" HEIGHT="y">

Toto jsou d∙le₧itΘ atributy, kterΘ vyu₧φvejte p°i ka₧dΘm vlo₧enφ obrßzku na strßnky. Atributy WIDTH a HEIGHT urΦujφ velikost obrßzku v pixelech. ╪φkajφ prohlφ₧eΦi, jak je obrßzek velk², tak₧e nedochßzφ k deformaci a reformßtovßnφ layoutu p°i naΦφtßnφ. Ne₧ obrßzek na strßnky vlo₧φte, zjist∞te si v n∞jakΘm grafickΘm editoru, jakΘ mß p°esnΘ rozm∞ry. Tyto atributy m∙₧eme takΘ pou₧φvat ke zv∞tÜovßnφ a zmenÜovßnφ obrßzk∙. Pokud zadßme v∞tÜφ rozm∞ry obrßzku, obrßzek se sice zv∞tÜφ, ale jeho kvalita je v∙Φi jeho p∙vodnφ velikosti horÜφ. Proto p°enechte zv∞tÜovßnφ a zmenÜovßnφ obrßzk∙ grafick²m editor∙m.