HTML a tvorba WWW strßnek - 6. lekce 24.Φervna 1998 xskrivan@fi.muni.cz

6.1 Vymezenφ grafickΘho objektu

  Jazyk HTML obsahuje tag, kter² v mφst∞ uvedenφ zobrazφ do strßnky n∞jak² grafick² objekt. Grafick² objekt, a¥ u₧ to jsou grafy, nebo obrßzky, apod., musφ b²t ve formßtu .GIF nebo .JPG . To jsou toti₧ grafickΘ formßty, kterΘ HTML je schopen zobrazit.

  <img>
Grafick² objekt se p°idßvß do www strßnky uvedenφm nepßrovΘho tagu <img>. Ten mß spoustu atribut∙, kter²mi m∙₧eme ovlivnit zobrazenφ obrßzku:

• src="URL grafickΘho souboru" - atributem src definujeme nejΦast∞ji n∞jak² grafick² soubor, v n∞m₧ je po₧adovan² obrßzek ulo₧en.
• alt="alternativnφ text" - alternativnφ text, kter²m se nahrazuje grafika v p°φpad∞, ₧e prohlφ₧eΦ nesmφ nebo neumφ zobrazit grafiku
• align="top|middle|bottom|left|right|absmiddle" - definuje se zp∙sob zarovnßnφ obrßzku:
  • top - hornφ okraj grafiky bude zarovnßn s hornφm okrajem °ßdku
  • middle - st°ed grafiky bude zarovnßn na ·Φa°φ °ßdku
  • bottom - dolnφ okraj grafiky bude zarovnßn na dolnφ okraj °ßdku
  • left - zarovnßnφ grafiky k levΘmu okraji okna prohlφ₧eΦe, text obtΘkß grafiku zprava
  • right - zarovnßnφ grafiky k pravΘmu okraji okna prohlφ₧eΦe, text obtΘkß grafiku zleva
  • absmiddle - st°ed grafiky bude zarovnßn na st°ed °ßdku
• width="po₧adovanß Üφ°ka" - nastavφ Üφ°ku grafiky na po₧adouvanou
• height="po₧adovanß v²Üka" - nastavφ v²Üku grafiky na po₧adovanou
• vspace="vertikßlnφ odsazenφ" - velikost vertikßlnφho odsazenφ obrßzku, implicitn∞ 0
• hspace="horizontaßlnφ odsazenφ" - velikost horizontßlnφho odsazenφ obrßzku, implicitn∞ 0
• border="Φφslo" - Üφ°ka rßmeΦku kolem grafiky

6.2 P°φklad

Zdroj: <img src="obrazek1.gif" alt="obr.1" align=left> V²stup: Zdroj: <img src="obrazek2.gif" alt="alt.2" align=right border=2> Vystup: Zdroj: <img src="obrazek3.gif" alt="obr.3" align=left border=0 hspace=150> V²stup: Zdroj: <img src="obrazek3.gif" width=50 height=70> V²stup:

Shrnutφ:

• Grafika se do HTML strßnky napojuje pomocφ nepßrovΘho tagu <img>
• Vzhled grafiky lze ovlivnit °adou atribut∙, pomocφ kter²ch je mo₧no nastavit velikosti grafick²ch objekt∙, umφst∞nφ na strßnce

---

[Zp∞t]	[Zm∞na k≤dovßnφ]