Obrßzky

Img

Obrßzek (angl. image). Nepßrov² tag. Do strßnky se vlo╛φ obrßzek naΦten² z jinΘho souboru. Tag <img> mß krom∞ obecn²ch atribut∙ spoustu dal╣φch:

Src

Zdoj obrßzku, prost∞ cesta k tomu souboru (angl. source = zdroj). Cesta k obrßzku se udßvß jako klasickΘ URL absolutn∞ nebo relativn∞. P°φpustnΘ jsou soubory typu *.gif, *.jpg, v nov∞j╣φch prohlφ╛eΦφch takΘ *.png a v Internet Exploreru *.bmp. (JinΘ typy soubor∙ se musejφ vklßdat jako objekty pomocφ plu╛iny). Pokud soubor obrßzku nebude nalezen, zobrazφ se ve strßnce zßstupn² symbol nenalezenΘho obrßzku (nejΦast∞ji Φerven² k°φ╛ek) se zßstupn²m textem.

Alt

Zßstupn² text (alternative text). Zobrazuje se ve strßnce v oblasti nenaΦtenΘho obrßzku. Pokud je obrßzek naΦten, zobrazuje se hodnota altu p°i p°ejφ╛d∞nφ obrßzku ve ╛lutΘ bublin∞.

Lowsrc

Zßstupn² obrßzek pro malΘ displeje. Nikdy jsem nevid∞l pou╛itφ.

Width, height

⌐φ°ka (width) a v²╣ka (height) obrßzku. Udßvß se v pixelech (normßlnφ Φφslo) nebo procentech. Pokud nebude rozm∞r uveden, zobrazφ se obrßzek v tom rozm∞ru ve svΘ normßlnφ velikosti. V praxi se doporuΦuje v²╣ku a ╣φ°ku u obrßzku zadßvat i v p°φpad∞, ╛e obrßzek bude p°irozen∞ velik². To kv∙li rychlej╣φmu a lep╣φmu naΦφtßnφ strßnky.

Border

Tlou╣╗ka rßmeΦku. Lze zadat nula, pak nebude obrßzek orßmeΦkovan². R∙znΘ prohlφ╛eΦe se li╣φ v tom, zda zobrazujφ rßmeΦek u obrßzku, u kterΘho border nebyl zadßn. Proto komu zßle╛φ na p°esnΘm vzhledu, m∞l by border v╛dy zadßvat.

Vspace, hspace

Vertikßlnφ a horizontßlnφ okraje, prost∞ prßzdnΘ mφsto okolo. Zadßvß se v pixelech. V praxi se nahrazujφ CSS stylem.

Align

Zarovnßnφ obrßzku s okolφm.

Osobn∞ pova╛uji mili≤n hodnot pro umφst∞nφ na °ßdku za zbyteΦnost a nepou╛φvßm je. Mß to smysl zejmΘna u obrßzkov²ch matematick²ch vzorc∙. Obrßzek se v praxi v∞t╣inou nechßvß obtΘkat nebo umis╗uje do samostatnΘho odstavce.

ObtΘkanΘ obrßzky se vertikßln∞ nachßzejφ pod °ßdkou, v nφ╛ jsou uvedeny (to je trochu ne╣ikovnΘ, ale logickΘ).

Style

V╣echny atributy krom∞ src, alt a usemap se dajφ nahradit CSS deklaracφ pomocφ obecnΘho atributu style.

P°φklad: Nßsledujφcφ dva obrßzky se zobrazφ stejn∞:

<img src="strom.gif" alt="strom" width="88" height="31" border="2" hspace="10" align="right">

<img src="strom.gif" alt="strom" style="width: 88px; height: 31px; border: 2px solid; margin-left: 10px; margin-right: 10px; float: right">

Usemap

P°φtomnost tohoto atributu d∞lß z obrßzku klikacφ mapu. Hodnotou atributu je k°φ╛ek # plus jmΘno mapy. Mapa je element vyznaΦen² tagem <map> obsahujφcφ definici aktivnφch oblastφ. Popis mapy je umφst∞n v tomtΘ╛ HTML dokumentu. JmΘno mapy je urΦeno atributem name u tagu <map> . P°φklad viz u popisu tagu <map>.

Tag <map> m∙╛e b²t umφst∞n i v jinΘm souboru. Hodnotou atributu usemap je pak jmΘno souboru s k°φ╛kem # a jmΘnem mapy.

Ismap

Pokud je obrßzek v odkazu, p°i kliknutφ se za adresu p°ipojφ otaznφk a sou°adnice kliknutφ odd∞lenΘ Φßrkou. Um∞jφ to zpracovßvat n∞kterΘ serverovΘ skripty.

Img jako video

Pokud se v tagu <img> mφsto atributu src uvede tag dynsrc, jde o video.

Dne╣nφ prohlφ╛eΦe podporujφ video formßty *.avi, *.asf, *.ram, *.ra. Dal╣φ formßty videφ je nutno zp°φstupnit pomocφ objekt∙ a plu╛in.

Hodnota infinite u loop zp∙sobuje neustßlΘ p°ehrßvßnφ. Stejn∞ tak p∙sobφ hodnota -1.

Dal╣φ atributy jsou stejnΘ jako u normßlnφho img.

Map

Klikacφ mapa. V dokumentu se tento element nijak nezobrazuje. Obsahuje popis aktivnφch oblastφ, kterΘ jsou reprezentovßny tagy <area>. Pomocφ jmΘna -- atributu name -- je mapa spojena s obrßzkem (atribut usemap u <img>). Name m∙╛e b²t libovoln² nßzev. Jedna mapa m∙╛e b²t teoreticky p°i°azena k vφce obrßzk∙m, nenapadß m∞ ale situace, kdy je to u╛iteΦnΘ. 

P°φklad: <map name="ctverecky">
<area href="prvni.htm" shape="rect" coords="80, 80, 130, 130">
<area href="druha.htm" shape="rect" coords="20, 20, 50, 50">
</map>
<img src="obrazek.gif" usemap="#ctverecky">

Area

Aktivnφ oblast v map∞. Nepßrov² tag. Nezobrazuje se. M∙╛e se vyskytovat pouze v elementu <map>. Area vymezuje oblast obrßzku, na kterou se dß kliknout jako na odkaz. V jednom elementu <map> m∙╛e b²t neomezen∞ elemet∙ <area>, ka╛dß pro jednu aktivnφ oblast.

Atributy href a target jsou stejnΘ jako u odkaz∙. Z obecn²ch atribut∙ vypichuji atribut title, kter² v nov∞j╣φch prohlφ╛eΦφch zobrazuje u my╣i nad oblastφ bublinu s textem (podobn∞ jako alt u obrßzk∙). Atribut alt takto nefunguje, ten mß v²znam pouze pro negrafickΘ klienty.

Atrribut shape urΦuje tvar oblasti, podle toho se potom m∞nφ v²znam hodnot atributu coords. Ten obsahuje sou°adnice v pixelech, p°iΦem╛ poΦßtek sou°adnic je lev² hornφ roh mapy (tedy obrßzku) a y roste sm∞rem dol∙.

Jsou mo╛nΘ i alternativnφ hodnoty circ, poly a rectangle se stejnou funkcφ. Pokud se dv∞ oblasti p°ekr²vajφ, je ta pozd∞j╣φ jakoby navrchu.

HTML zßpis klikacφch map je pon∞kud slo╛it². Na╣t∞stφ ka╛d² lep╣φ HTML editor zvlßdß jejich zßpis tak, ╛e autorovi pouze staΦφ ╣oupat my╣φ.

O tvorb∞, ·dr╛b∞ a zlep╣ovßnφ internetov²ch strßnek. Zßklady HTML CSS FrontPage Hledßnφ

HTML  p°φruΦka http://dusan.pc-slany.cz/internet/html/

Pφ╣e Yuh∙: autorova strßnka, mail: dusan@pc-slany.cz