Obrazky v HTML

Jazyk HTML umoznuje vkladat do textu obrazky pomoci tagu IMG.
AtributVyznam
SRC="URL" URL obrazku
ALT="text" alternativni text pro textove klienty
ALIGN="zarovnani" zarovnani obrazku vuci textu
BORDER="tloustka" oramovani obrazku

Umisteni obrazku na radce

Pro umisteni obrazku vzhledem k radce se pouzivaji u atributu ALIGN hodnoty TOP, MIDDLE a BOTTOM. Priklad:
Obrazek bude<BR>
pod <IMG SRC="intelout.gif" ALIGN=TOP>
na <IMG SRC="intelout.gif" ALIGN=MIDDLE>
nad <IMG SRC="intelout.gif" ALIGN=BOTTOM>
<BR>radkou.
Vysledek:
Obrazek bude
pod na nad
radkou.

Obtekani obrazku textem

Pri pouziti hodnot LEFT a RIGHT u atributu ALIGN dojde k umisteni obrazku k okraji stranky a dalsi text ho bude obtekat. Priklad:
<IMG SRC="intelout.gif" ALIGN=LEFT>
Obrazky budou na krajich a text bude mezi nimi normalne formatovan.
<IMG SRC="intelout.gif" ALIGN=RIGHT>
A to vcetne zalomeni<BR>radek, vodorovnych car <HR> apod.,
a to tak dlouho, az obrazek skonci a text normalne pokracuje od zacatku radky
Vysledek:
Obrazky budou na krajich a text bude mezi nimi normalne formatovan. A to vcetne zalomeni
radek, vodorovnych car
apod., a to tak dlouho, az obrazek skonci a text normalne pokracuje od zacatku radky.

V pripade, ze chceme vynutit, aby dalsi text pokracoval az za obrazky, je nejsnazsi pred nej umistit tag BR s atributem CLEAR.

HodnotaVyznam
LEFTtext zacne za obrazky zarovnanymi vlevo
RIGHTtext zacne za obrazky zarovnanymi vpravo
ALLtext zacne za vsemi obrazky
Priklad:
<IMG SRC="sisal.gif" ALIGN=LEFT BORDER=1>
Obrazky budou na krajich a text bude mezi nimi normalne formatovan.
<IMG SRC="sisal.gif" ALIGN=RIGHT BORDER=1>
A to vcetne zalomeni<BR>radek, vodorovnych car <HR> apod.
<BR CLEAR=ALL>
Zatimco dalsi text bude az pod nimi.
Vysledek:
Obrazky budou na krajich a text bude mezi nimi normalne formatovan. A to vcetne zalomeni
radek, vodorovnych car
apod.
Zatimco dalsi text bude az pod nimi.