| Předchozí stránka | Následující stránka | Obsah |

Obrázky

Syntaxe

<IMG SRC=url_adresa_obrázku ALIGN=zarovnání>

Atribut SRC specifikuje

úplnou (absolutní) adresu obrázku, který má být zobrazen nebo
relativní adresu obrázku vzhledem k umístění dokumentu, který je právě zobrazován

Běžně používané formáty pro soubory obrázků jsou GIFF a JPEG.

Pozn.:
* Formát GIF89 navíc umožňuje tzv. transparenci obrázku - jedna RGB barva je chápána jako maska, kterou do obrázku "prosvítá" pozadí.

Nepovinný atribut ALIGN určuje vzájemnou polohu obrázku a textu. Povolené jsou tyto hodnoty zarovnání:

bottom (defaultní hodnota) - spodní okraj obrázku je zarovnán s textem, text neobtéká obrázek
middle - střed obrázku je zarovnán podle textu, text neobtéká obrázek (Je možno použít i center)
top - horní okraj obrázku je zarovnán s textem, text neobtéká obrázek
left - levý okraj obrázku je zarovnán s levým okrajem okna prohlížeče, text obtéká obrázek
right - pravý okraj obrázku je zarovnán s pravým okrajem okna prohlížeče, text obtéká obrázek

Příklady

 ... text text TEXT1 <IMG SRC=sunsmile.gif ALIGN=bottom> TEXT2 text text...

bude v prohlížeči zobrazen jako:

text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text TEXT1 TEXT2 text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

 ... text text TEXT1 <IMG SRC=sunsmile.gif ALIGN=middle> TEXT2 text text...

bude v prohlížeči zobrazen jako:

 ... text text TEXT1 <IMG SRC=sunsmile.gif ALIGN=top> TEXT2 text text...

bude v prohlížeči zobrazen jako:

 ... text text TEXT1 <IMG SRC=sunsmile.gif ALIGN=left> TEXT2 text text...

bude v prohlížeči zobrazen jako:

text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text TEXT1 TEXT2 text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

 ... text text TEXT1 <IMG SRC=sunsmile.gif ALIGN=right> TEXT2 text text...

bude v prohlížeči zobrazen jako:

text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text TEXT1 TEXT2 text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

Pozn.:
* Povšiměte si rozdílu mezi top, middle, bottom zarovnáváním a zarovnáváním typu right, left. Při prvních třech typech zarovnávání je vodorovná pozice obrázku závislá na pozicí <IMG> tagu v textu (text je rozdělen obrázkem). Oproti tomu při left nebo right zarovnávání obtéká text obrázek, počínaje řádkem bezprostředně následujícím po výskytu <IMG> tagu. Pokud bychom chtěli obrázek vycentrovat, je nejvhodnější umístit jej mezi dva odstavce a vycentrovat jej vložením mezi tagy <CENTER>...</CENTER>.

| Předchozí stránka | Následující stránka | Obsah |