Jazyk HTML obsahuje prvky, ktere umoznuji do dokumentu vkladat libovolne graficke objekty (obrazky, grafiku), ktere mohou byt hypertextove citlive.
Specifikace neni definitivni a muze se menit.
grafika <IMG>
| <IMG SRC="url" LOWSRC="url" ALT="alternativni_text" ALIGN=[top|middle|bottom|right|left|texttop|absmiddle|baseline|absbottom]
WIDTH="sirka" HEIGHT="vyska" UNITS=jednotka VSPACE="vertikalni_odsazeni" HSPACE="horizontalni_odsazeni" BORDER="sirka_ramecku"
ISMAP USEMAP="url"> |
|
| neparova znacka, ktera zarazuje do dokumentu graficky objekt (obrazek, grafiku); graficky objekt je normalni soucasti textu stejne
jako pismeno ve slove a vaze se k radku, v nemz je umisten; vetsina prohlizecich programu podporuje graficke formaty GIF a JPEG (JPEG se lepe
hodi pro forografie); pokud je prvek IMG obsazen v hyperlinkovem kontejneru <A>...</A> a je uveden atribut ISMAP, je grafika povazovana za taz.
"ClicableMap" (obrazek s oblastmi citlivymi na poklepani mysi, cimz se umoznuje ziskat informace predruzene k dane oblasti obrazku); pokud je ve znacce
uveden atribut USEMAP a prohlizec mu rozumi, pak jej uprednostni pred hypertextovym odkazem <A> (prohlizec vyhleda definici citlivych ploch dle atributu
USEMAP a znacku <A> vynecha) |
|
| SRC= | URL grafickeho objaktu, ktery ma byt vlozen do textu |
| LOWSRC= | URL grafiky konceptove kvality (prohlizeci program prenese konceptovy tvar grafiky, dokompletuje cely dokument a az pote zacne prenaset plne verze grafiky zadane atributy SRC) |
| ALT= | alternativni text, kterym se nahrazuje grafika v pripade, kdy prohlizeci program neumi nebo nesmi zobrazovat grafiku |
| ALIGN= | umisteni grafickeho objektu vuci okoli: |
|
| TOP | horni okraj grafiky bude zarovnan s hornim okrajem radku |
| MIDDLE | stred grafiky bude zarovnan na ucari radku (baseline) |
| BOTTOM | dolni okraj grafiky bude zarovnan se spodnim okrajem radku |
| LEFT | vodorovne umisteni na levy okraj (levy okraj grafiky na levy okraj radku), text obteka grafiku zprava |
| RIGHT | vodorovne umisteni na pravy okraj (pravy okraj grafiky na pravy okraj radku), text obteka grafiku zleva |
| TEXTTOP | horni okraj grafiky bude zarovnan s hornim okrajem textu na radku |
| ABSMIDDLE | stred grafiky bude zarovnan na stred radku |
| BASELINE | dolni okraj grafiky bude zarovnan na ucari radku |
| ABSBOTTOM | dolni okraj grafiky bude zarovnan se spodnim okrajem radku |
|
| WIDTH= | pozadovana sirka grafiky (prohlizeci program by mel grafiku zmensit/zvetsit tak, aby jeji sirka pri zobrazeni byla rovna zadanemu poctu bodu) |
| HEIGHT= | pozadovana vyska grafiky |
| VSPACE= | urcuje, kolik mista bude vynechano kolem grafiky ve svislem smeru (vertikalni odsazeni obrazku) |
| HSPACE= | urcuje, kolik mista bude vynechano kolem grafiky ve vodorovnem smeru (horizontalni odsazeni obrazku) |
| UNITS= | jednotka |
| BORDER= | sirka ramecku vytvoreneho kolem grafiky predstavujiciho odkaz; BORDER=0 nebude kreslit zadny ramecek (v tom pripade vsak uzivatel obtizne pozna, ze grafika je odkazem) |
| ISMAP | oznacuje, ze pri stisknuti tlacitka mysi v oblasti grafiky ma prohlizeci program predat souradnice teto oblasti CGI skriptu kotvy |
| USEMAP | URL na definici citlivych ploch obrazku (prvek MAP) |
|
mapa citlivých oblastí <MAP>
<MAP NAME="navesti">
...vymezeni_citlivych_oblasti(<AREA>)...
</MAP> |
|
| parova znacka, ktera umoznuje definovat hypertextove citlive plochy obrazku; kazdemu atributu USEMAP uvedenemu v prvku IMG musi odpovidat definice citlivych ploch (URL v atributu USEMAP musi
odkazovat na prvek MAP, ktery muze, ale nemusi byt ve stejnem dokumentu) |
|
| NAME= | jmeno; vytvari v dokumentu navesti pouzitelne jako cil atributu USEMAP uvedeneho v prvku IMG; odkaz (URL) na toto navesti se zapisuje ve tvaru <IMG ...USEMAP="#jmeno"... > |
|
vymezeni citlivych oblasti <AREA>
| <AREA SHAPE=[default|circle|rect|polygon] COORDS="souradnice_oblasti" HREF="url" ALR="alternativni_text" TARGET="cilove_okno"> |
|
| neparova znacka, ktera slouzi k popisu jedne citlive plochy (oblasti) na grafickem objektu a specifikaci hypertextoveho odkazu svazaneho s touto oblasti |
|
| SHAPE= | definuje tvar oblasti obrazku, pri jejimz zvoleni ma prohlizeci program predat souradnice teto oblasti CGI skriptu kotvy; dalsi moznost jak vytvorit klikatelny obrazek |
|
| DEFAULT | implicitni tvar |
| CIRCLE | kruh |
| RECT | obdelnik |
| POLYGON | obecny mnohouhelnik |
|
| COORDS= | definuje souradnice (rozmery) oblasti obrazku |
|
| X,Y,R | souradnice stredu a polomer pro kruh |
| X1,Y1,X2,Y2 | souradnice leveho horniho rohu a praveho dolniho rohu pro obdelnik |
| X1,Y1,X2,Y2,... | souradnice jednotlivych vrcholu pro obecny mnohouhelnik |
|
| HREF= | URL cile odkazu |
| TARGET= | jmeno okna, ramce, nebo prohlizece, ve kterem ma byt zobrazen dokument navazany na tento odkaz |
| ALT= | alternativni text, kterym se nahrazuje grafika v pripade, kdy prohlizeci program neumi nebo nesmi zobrazovat grafiku |
|
obrazky <FIG>
<FIG SRC="url">
...popis_obrazku...
</FIG> |
|
| parova znacka, ktera zarazuje do dokumnetu klasicky samostatny obrazek, ktery lze opatrit popiskem a dalsimi nalezitostmi; stejne jako graficky
objekt i obrazek je normalni soucasti textu a vaze se k radku, v nemz je umisten; text obsazeny uvnitr znacek <FIG>...</FIG> muze obsahovat popis
obrazku, jeho titulek, ci autora; je-li prvek FIG obsazen v kontejneru <A>...</A> je mozne v obrazku definovat aktivni hyperlinkove oblasti, cimz
lze vytvorit "klikatelny obrazek" |
|
| SRC= | URL obrazku, ktery ma byt vlozen do textu |
|
na rozdil od grafickych objektu uvadenych znackou <IMG> muze prvek FIG obsahovat nasledujici prvky:
prekryti <OVERLAY>
| <OVERLAY SRC="url"> |
|
| neparova znacka, ktera umoznuje prekryvani obrazku; atribut SRC urcuje URL obrazku, ktery ma byt pridan k puvodnimu obrazku identifikovanem v SRC materske
znacky <FIG> |
nazev obrazku <CAPTION>
<CAPTION>
...nadpis_obrazku...
</CAPTION> |
|
| parova znacka, ktera umoznuje definovat nadpis obrazku nebo tabulky |
puvod <CREDIT>
| <CREDIT>...</CREDIT> |
|
| odkaz na pramen (!nestandardni prvek) |
|