Obrazky v HTML
Jazyk HTML umoznuje vkladat do textu obrazky pomoci tagu IMG.
Atribut | Vyznam
| 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.
Hodnota | Vyznam
| LEFT | text zacne za obrazky zarovnanymi vlevo
|
RIGHT | text zacne za obrazky zarovnanymi vpravo
|
ALL | text 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.