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í]