Ked mate hotovu obsahovu cast vasej stranky, je nacase sa zaoberat linkami a vlozenymi objektami. Rozdiel medzi
nimi je v tom, ze kym objekty sa vkladaju priamo do obsahu stranky, linky
umoznuju prejst na iny HTML dokument alebo akykolvek subor zobrazitelny vo
Vasom prehliadaci kliknutim. Dokument moze byt ulozeny kdekolvek na Internete.
- IMG -- vlozenie obrazku
- APPLET -- vlozenie Java appletu
- PARAM -- urcenie hodnoty premennej pre applet/objekt
- SCRIPT -- vlozenie prikazov skriptu
- NOSCRIPT -- nahradny obsah stranky
- A -- vlozenie odkazu alebo navestia
- MAP -- vytvorenie obrazkovej mapy
- AREA -- urcenie liniek obrazkovej mapy
Vkladanie obrazkov a inych objektov
Objekty vlozene do stranok predstavuju najcastejsie
obrazky, pricom v case pisania tejto prirucky sa pouzivaju formaty obrazkov
.GIF, .JPG a .PNG. Kazdy z formatov je vhodny na iny typ obrazkov.
Format GIF umoznuje:
- uchovat obrazky s maximalne 256 farbami
- nastavit transparentnost (priehladnost) pre lubovolnu farbu (aj viac farieb) obrazku
- postupne vykreslovanie obrazku pri nahravani ("interlace")
Poznamka: tento format je vdaka mensiemu mnozstvu farieb idealny na
uchovanie obrazkov ako su nadpisy, loga a pod. Transparentnost umoznuje
umiestnit takyto obrazok na pozadie akejkolvek farby.
Format JPG umoznuje:
- uchovat obrazky s maximalne 16,7 mil. farieb
- novsie subformaty podporuju aj postupne
vykreslovanie obrazku pri nahravani ("interlace")
Poznamka: tento format je vhodny pre uchovanie fotografii a
mnohofarebnych (viac ako 256) obrazkov. Uchovanie je velmi efektivne, pricom
sa pouziva stratova kompresia (to znamena, ze obrazok vo formate JPG nie je
nikdy presne rovnaky ako original, ale vacsinou si to ani nevsimnete).
Format PNG umoznuje:
- uchovat obrazky s maximalne 16,7 mil. farieb.
- nastavit transparentnost
- postupne vykreslovanie obrazku pri nahravani ("interlace") roznymi
sposobmi
Poznamka: tento format ma nahradit format GIF, ktory si patentovala
spolocnost Compuserve. Je to pokus zlucit formaty GIF a JPG, kedze podporuje
24-bitove/8-bitove farby a aj transparentnost. Tento format obrazkov nepodporuju
starsie prehliadace! (do tejto kategorie patria stopercentne IE 3 a
Netscape 3).
Okrem obrazkov vsak mozete v dokumente pouzit aj zvuky (MIDI
subory), vlozene skripty (napr. Javascript) alebo applety jazyka Java.
Obrazky: vlozenie obrazku (mnemo: IMaGe)
| Prikaz | Kompat./Pozn. |
| IMG |
textove prehliadace zobrazia obsah parametra "ALT" |
| Kontext: |
<HTML>
<BODY>
<IMG>
</BODY>
</HTML>
|
Vlozi do dokumentu obrazok. Vacsina parametrov nie je potrebna, povinne su
parametre SRC a ALT. Ak je obrazok obrazkovou mapou, su potrebne aj parametre
USEMAP alebo ISMAP.
|
| Parametre | Hodnoty | Default | Kompat./Pozn. |
| SRC = |
"uri" |
POVINNY |
- |
| ALT = |
"text" |
POVINNY |
- |
| ALIGN = |
("right" | "left" | "middle" | "top" | "bottom") |
bottom |
- |
| HEIGHT = |
"velkost_p" |
vyska obrazku |
- |
| WIDTH = |
"velkost_p" |
sirka obrazku |
- |
| BORDER = |
"velkost" |
1 |
- |
| HSPACE = |
"velkost" |
|
- |
| VSPACE = |
"velkost" |
|
- |
| USEMAP = |
"uri" |
|
- |
| ISMAP |
|
|
- |
SRC=
- uri - adresa alebo cesta k obrazku, ktory sa ma vlozit do
dokumentu. Dnesne prehliadace vedia zobrazit obrazky GIF, JPG a PNG. Tento
parameter je povinny.
ALT=
- text - alternativny text, ktory sa vypise v prehliadacoch,
ktore nedokazu zobrazit obrazky (napr. lynx) alebo v pripade, ze ma
prehliadac vypnute zobrazovanie obrazkov. Tento parameter je povinny.
Alternativny text ma poskytovat informaciu o obrazku (napr. pre fotografiu
strucny opis a pod.) Ak obrazok nereprezentuje relevantnu informaciu,
ktoru chcete poskytnut pouzivatelom bez grafiky, zadajte ALT="" (prazdny
retazec).
V alternativnom texte sa nemozu vyskytovat nijake a teda ani formatovacie
prikazy HTML. Prehliadac ich interpretuje ako obycajne znaky.
Niektore prehliadace (IE 4) vypisu tento text vtedy, ak kurzor posuniete na
obrazok.
V alternativnom texte nemozete pouzivat
prikazy HTML. Text sa vypise presne v takom tvare, ako ho napisete.
Pre istotu su tu priklady alternativnych textov:
<IMG SRC="obrazok1.gif">- nespravne - chyba alternativny text (prehliadac pravdepodobne
zobrazi text "obrazok1.gif")
<IMG SRC="obrazok1.gif"
ALT="[obrazok1.gif]">- nutne zlo - taketo "pseudoalternativne texty" generuju casto
WYSIWYG editory HTML. Text neposkytuje nijaku informaciu a v textovom
rezime sposobuje bolenie hlavy a zvysene mnozstvo adrenalinu na
centimeter kubicky krvi.
<IMG SRC="obrazok1.gif" ALT="">- spravne - ak je obrazok ikona alebo obsahovo nepodstatna cast
stranky
<IMG SRC="obrazok1.gif" ALT="Toto je moja fotka, ked som
mal 18">- spravne - ak chcete poskytnut skutocne alternativny text
ALIGN=
- top - vrch obrazku bude vertikalne zarovnany k vrchnemu okraju
aktualneho riadku
Ukazka:
__
text | | text text text
| |
|__|
- bottom - spodna cast obrazku bude vertikalne zarovnana na uroven
aktualneho riadku okoliteho textu. Toto je defaultna hodnota.
Ukazka:
__
| |
| |
text |__| text text
- middle - stred obrazku bude vertikalne zarovnany na uroven aktualneho
riadku.
Ukazka:
__
| |
text | | text text
|__|
- left - nasledujuci text bude obtekat okolo obrazku po jeho pravej strane,
cize obrazok bude nalavo od textu. Ak chcete obtekanie ukoncit skor,
ako sa text dostane pod uroven obrazku, pouzite
<BR clear="left">.
Ukazka:
__
| | text obteka okolo
| | obrazku na jeho
|__| pravej strane.
Potom pokracuje pod obrazkom.
- right - nasledujuci text bude obtekat okolo obrazku po jeho lavej strane,
cize obrazok bude napravo od textu. Ak chcete obtekanie ukoncit skor,
ako sa text dostane pod uroven obrazku, pouzite
<BR clear="right">.
Ukazka:
__
text obteka | |
okolo obrazku na | |
jeho lavej strane. |__|
Potom pokracuje pod nim.
HEIGHT=
- velkost_p - urcuje vysku obrazku v bodoch alebo percentach
dostupneho miesta (toto nastavenie ma vyssiu prioritu ako povodna
velkost obrazku). Umoznuje menit velkost obrazku podla poziadaviek
pouzivatela a zaroven ulahcuje a zrychluje vykreslovanie dokumentu s
obrazkami - pretoze prehliadac pozna ich velkost skor, ako sa nahraju, vytvori
pre ne miesto na obrazovke.
WIDTH=
- velkost_p - urcuje sirku obrazku v bodoch alebo percentach
dostupneho miesta (toto nastavenie ma vyssiu prioritu ako povodna
velkost obrazku). Umoznuje menit velkost obrazku podla poziadaviek
pouzivatela a zaroven ulahcuje a zrychluje vykreslovanie dokumentu s
obrazkami - pretoze prehliadac pozna ich velkost skor, ako sa nahraju, vytvori
pre ne miesto na obrazovke.
BORDER=
- velkost - velkost ramceka okolo obrazka v bodoch. Ramcek sa
objavuje vtedy, ak je obrazok sucastou linky (pozri
<A>). Vacsinou je vyhodne ramcek zrusit,
co nastavite pomocou BORDER="0".
HSPACE=
- velkost - urcuje velkost vynechaneho miesta medzi
obrazkom a jeho okolim (horizontalne). Defaultna hodnota nie
je specifikovana, niekedy je dobre nastavit HSPACE="0".
VSPACE=
- velkost - urcuje velkost vynechaneho miesta medzi
obrazkom a jeho okolim (vertikalne). Defaultna hodnota nie
je specifikovana, niekedy je dobre nastavit VSPACE="0".
USEMAP=
- uri - urcuje adresu alebo cestu k suboru, v ktorom je
zadefinovana obrazkova mapa. Ta umoznuje definovat na jednom
obrazku niekolko oblasti, z ktorych kazda predstavuje vlastnu linku. Pozri
<MAP> a <AREA>.
ISMAP
- urcuje, ze obrazok je obrazkova mapa, ktora sa spracuje na strane
servera. Obrazok musi byt sucastou prikazu <A>.
(<A HREF="http://host.adresa/file"><IMG SRC="mapa.gif></A>
Pri kliknuti na obrazok sa suradnice kurzora (miesto kliknutia) zaslu
na adresu uvedenu v linke v tvare
"http://host.adresa/file?X,Y", kde ich mozno spracovat
pomocou skriptu.
|
| Priklady |
<IMG SRC="ikona.gif" ALT="">
<IMG SRC="fotka.gif" ALIGN="left" ALT="Moja fotka">
Na lavej strane vidite moju fotku. Nic moc, ja viem, ale
chcel som vam tym len ukazat, ze text moze obtekat
okolo obrazku. A to je vsetko.
Priklad na obrazkove mapy najdete pri prikaze
<MAP>.
|
| Poznamky |
- niektore prehliadace pri parametri ALIGN beru do uvahy text okolo obrazku
na oboch stranach, ine iba text pred obrazkom
- ak pouzivate obrazkove mapy, pouzivajte zmysluplne alternativne texty
pre jednotlive linky, aby ste umoznili pouzitie odkazov aj pre textove
prehliadace
|
Objekty: vlozenie Java appletu (mnemo: Applet)
| Prikaz | Kompat./Pozn. |
| APPLET |
iba prehliadace s podporou Javy |
| Kontext: |
<HTML>
<BODY>
<APPLET>
...alternativny obsah...
</APPLET>
</BODY>
</HTML>
|
Vlozi do dokumentu applet v jazyku Java. Telo prikazu sa zobrazuje iba v
pripade, ze prehliadac nedokaze zobrazit applet, takze ho mozete pouzit
ako alternativny obsah. Prehliadac vytvori pre applet miesto na stranke podla
specifikovanych rozmerov.
Ak chcete appletu odovzdat pocas behu parametre, mozete na to pouzit prikaz
<PARAM>.
|
| Parametre | Hodnoty | Default | Kompat./Pozn. |
| CODEBASE = |
"uri" |
URI aktualneho dokumentu |
- |
| CODE = |
"text" |
POVINNY |
- |
| WIDTH = |
"velkost" |
POVINNY |
- |
| HEIGHT = |
"velkost" |
POVINNY |
- |
| ALIGN = |
("right" | "left" | "middle" | "top" | "bottom") |
bottom |
- |
| HSPACE = |
"velkost_p" |
- |
- |
| VSPACE = |
"velkost_p" |
- |
- |
| ALT = |
"text" |
- |
- |
CODEBASE=
- uri - urcuje zakladnu URI adresu (cestu) pre applet. Defaultna
hodnota je URI aktualneho dokumentu. V pripade, ze specifikujete adresu
sami, musi viest k podadresaru adresara, kde je ulozeny aktualny dokument.
CODE=
- text - urcuje meno appletu alebo cestu k nemu. V pripade
urcenia cesty sa pouziva relativne umiestnenie vzhladom na CODEBASE. Tento
parameter je povinny.
WIDTH=
- velkost_p - urcuje sirku miesta pre applet v bodoch alebo
percentach sirky stranky. Tento parameter je povinny.
HEIGHT=
- velkost_p - urcuje vysku miesta pre applet v bodoch alebo
percentach vysky stranky. Tento parameter je povinny.
ALIGN=
- top - vrch appletu bude vertikalne zarovnany k vrchnemu okraju
aktualneho riadku
Ukazka:
__
text | | text text text
| |
|__|
- bottom - spodna cast appletu bude vertikalne zarovnana na uroven
aktualneho riadku okoliteho textu. Toto je defaultna hodnota.
Ukazka:
__
| |
| |
text |__| text text
- middle - stred appletu bude vertikalne zarovnany na uroven aktualneho
riadku.
Ukazka:
__
| |
text | | text text
|__|
- left - nasledujuci text bude obtekat okolo appletu po jeho pravej strane,
cize applet bude nalavo od textu. Ak chcete obtekanie ukoncit skor,
ako sa text dostane pod uroven appletu, pouzite
<BR clear="left">.
Ukazka:
__
| | text obteka okolo
| | appletu na jeho
|__| pravej strane.
Potom pokracuje pod appletom.
- right - nasledujuci text bude obtekat okolo appletu po jeho lavej strane,
cize applet bude napravo od textu. Ak chcete obtekanie ukoncit skor,
ako sa text dostane pod uroven appletu, pouzite
<BR clear="right">.
Ukazka:
__
text obteka | |
okolo appletu na | |
jeho lavej strane. |__|
Potom pokracuje pod nim.
ALT=
- text - alternativny text, ktory sa vypise v prehliadacoch, ktore
nedokazu zobrazit applety (napr. lynx) alebo v pripade, ze ma
prehliadac vypnute zobrazovanie appletov.
V alternativnom texte sa nemozu vyskytovat nijake a teda ani
formatovacie prikazy HTML. Prehliadac ich interpretuje ako obycajne
znaky.
|
| Priklady |
<APPLET CODE="myapplet.class" WIDTH="400" HEIGHT="150">
Vas prehliadac neumoznuje prezerat applety
</APPLET>
|
| Poznamky |
- s Javou nerobim, preto nemam odskusane
|
Objekty: urcenie hodnoty premennej pre applet/objekt (mnemo: PARAMeter)
| Prikaz | Kompat./Pozn. |
| PARAM |
v <APPLET> .. </APPLET>:iba prehliadace s podporou Javy; |
| Kontext: |
<HTML>
<BODY>
<APPLET> | <OBJECT>
<PARAM>
</APPLET> | </OBJECT>
</BODY>
</HTML>
|
Umozni urcit hodnotu premennej (parametra) pre applet (pozri <APPLET>) alebo objekt (pozri <OBJECT>), v ktoreho tele sa nachadza. Premenna
musi mat meno, ake ocakava dany applet/objekt. Sposob odovzdania hodnoty
specifikuje parameter VALUETYPE.
|
| Parametre | Hodnoty | Default | Kompat./Pozn. |
| NAME = |
"text" |
POVINNY |
- |
| VALUE = |
"text" |
- |
- |
| VALUETYPE = |
("data" | "ref" | "object") |
data |
- |
| TYPE = |
"text" |
- |
iba ak VALUETYPE= "ref" |
NAME=
- text - urcuje meno premennej, ktoru definuje prikaz
<PARAM>. Tento parameter je povinny.
VALUE=
- text - urcuje hodnotu premennej NAME.
VALUETYPE=
- data - hodnota uvedena v parametri VALUE bude spracovana
prehliadacom a poslana appletu/objektu. Toto je defaultna hodnota.
- ref - hodnota uvedena v parametri VALUE predstavuje URI
adresu suboru, ktora musi byt odovzdana tak ako je, bez nahrady znakov a
vyhodnocovania retazca. Na identifikaciu typu suboru sa pouzije parameter
TYPE.
- object - hodnota VALUE urcuje identifikator objektu v tom
istom dokumente ako prikaz <PARAM>. Identifikator objektu sa
nastavuje pomocou atributu ID="identifikator" a musi byt jednoznacny v
celom dokumente.
TYPE=
- text - urcuje typ suboru podla MIME-typu. Priklady:
text/html pre HTML subor, text/plain pre textovy
subor, image/gif pre obrazok typu GIF. Tento parameter ma
vyznam iba pri pouziti VALUETYPE= "ref".
|
| Priklady |
<APPLET CODE="myapplet.class" WIDTH="400" HEIGHT="150">
<PARAM NAME="vstupna_premenna1" VALUE="Ahoj!">
<PARAM NAME="vstupna_premenna2" VALUE="pictures/image.gif"
VALUETYPE="ref" TYPE="image/gif">
Vas prehliadac neumoznuje prezerat applety
</APPLET>
|
| Poznamky |
- s Javou nerobim, preto nemam odskusane
|
Objekty: vlozenie prikazov skriptu (mnemo: Script)
| Prikaz | Kompat./Pozn. |
| SCRIPT |
IE 3+, Netscape 3+, Mozilla |
| Kontext: |
<HTML>
<BODY> | <HEAD>
<SCRIPT>
...prikazy skriptu...
</SCRIPT>
</BODY> | </HEAD>
</HTML>
|
Umoznuje vlozit do dokumentu prikazy skriptu alebo odkaz na skript, ktory sa
nahra pri zobrazeni stranky. Pomocou skriptov mozete menit obsah vasich
dokumentov dynamicky - napriklad v zavislosti od klikania pouzivatela vo formularoch.
Prikazy skriptu mozete umiestnit v hlavicke alebo v tele dokumentu. Rozdiel
je v tom, ze prikazy hlavicky sa nahraju skor ako prikazy tela. Preto sa
skripty v hlavicke mozu pouzit napriklad na definiciu funkcii, ktore sa
potom volaju z tela dokumentu.
Jazyk, v ktorom je skript napisany, sa urcuje bud pomocou parametra LANGUAGE
(starsie verzie HTML) alebo ako MIME-typ v parametri TYPE. V pripade, ze
skript nie je sucastou dokumentu, mozete specifikovat jeho URI v parametri
SRC. To ma tu vyhodu, ze pouzivatel sa za nijakych okolnosti nedostane k
zdrojovemu kodu skriptu.
Ak prehliadac nevie interpretovat skript, zobrazi obsah bloku <NOSCRIPT>.
Poznamka: v tejto prirucke sa kapitola venovana skriptom predbezne
nenachadza.
|
| Parametre | Hodnoty | Default | Kompat./Pozn. |
| TYPE = |
"text" |
POVINNY |
- |
| LANGUAGE = |
"text" |
POVINNY |
HTML 4.0 definuje TYPE namiesto LANGUAGE! |
| SRC = |
"uri" |
- |
- |
TYPE=
- text - urcuje MIME-typ skriptoveho jazyka. Najpopularnejsi je
pravdepodobne Javascript, v takom pripade je TYPE= "text/javascript"
LANGUAGE=
- text - urcuje jazyk, v ktorom je napisany skript. Tento
parameter sa v sucasnosti este casto pouziva namiesto novsieho TYPE. Pre
Javascript je LANGUAGE="Javascript"
SRC=
- uri - urcuje adresu alebo cestu k skriptu
|
| Priklady |
<HTML>
<HEAD>
<SCRIPT SRC="skriptik.js" LANGUAGE="javascript"></SCRIPT>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="javascript">
<!-- skryjeme prikazy skriptu
document.writeln('Toto je <B>dynamicky</B> vygenerovany dokument!');
// skryjeme koniec komentara, aby sme nepoplietli skript -->
</SCRIPT>
</BODY>
</HTML>
|
| Poznamky |
- tip: starsie alebo textove prehliadace, ktore neinterpretuju
prikazy skriptu, by ich mohli vypisovat na obrazovku ako text. Aby ste
tomu zabranili, bezprostredne za prikazom <SCRIPT> v tele
prikazu zacnite komentar HTML a ukoncite ho tesne pred koncom skriptu.
Pozrite si priklad.
|
Objekty: nahradny obsah stranky (mnemo: No script)
| Prikaz | Kompat./Pozn. |
| NOSCRIPT |
vsetky prehliadace |
| Kontext: |
<HTML>
<BODY>
<SCRIPT>
...prikazy skriptu...
</SCRIPT>
<NOSCRIPT>
...alternativny obsah...
</NOSCRIPT>
</BODY>
</HTML>
|
Umoznuje vytvorit nahradny obsah stranky v pripade, ze prehliadac nie je
schopny zobrazit skript. Pozri <SCRIPT>.
|
| Parametre | Hodnoty | Default | Kompat./Pozn. |
| ziadne |
|
|
|
|
|
| Priklady |
<HTML>
<HEAD>
<SCRIPT SRC="skriptik.js" LANGUAGE="javascript"></SCRIPT>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="javascript">
<!-- skryjeme prikazy skriptu
document.writeln('Toto je <B>dynamicky</B> vygenerovany dokument!');
// skryjeme koniec komentara, aby sme nepoplietli skript -->
</SCRIPT>
<NOSCRIPT>
Tento prehliadac nepodporuje skripty, ale napriek tomu si mozete tuto
stranku pozriet...
</NOSCRIPT>
</BODY>
</HTML>
|
| Poznamky |
- tip: starsie alebo textove prehliadace, ktore neinterpretuju
prikazy skriptu, by ich mohli vypisovat na obrazovku ako text. Aby ste
tomu zabranili, bezprostredne za prikazom <SCRIPT> v tele
prikazu zacnite komentar HTML a ukoncite ho tesne pred koncom skriptu.
Pozrite si priklad.
|
Vkladanie liniek (odkazov)
Ako som uz spomenul v uvode, prepojenie medzi jednotlivymi dokumentmi na WWW
vytvara pocit, ze sa z ktorehokolvek miesta mozete dostat kamkolvek. Pomocou
liniek sa sny stavaju skutocnostou. Okrem standardnych
hypertextovych odkazov s klikatelnym textom mozete vytvarat aj obrazkove mapy,
v ktorych Vas kliknutie na rozne casti obrazku moze doviest k roznym cielom.
Dokumenty, na ktore sa odkazujete pomocou liniek, su v zasade bud HTML
dokumenty (vzdialene stranky alebo lokalne subory), alebo ine subory. Ak
vlozite linku na iny ako HTML dokument, zalezi od Vasho prehliadaca, ci ho
dokaze zobrazit. V pripade, ze nie, ponukne Vam moznost na stiahnutie daneho
suboru. To je tiez sposob, ako na stranke umiestnite napr. komprimovane
archivy (*.zip, *.rar a pod.), subory Wordu a pod.
Linky: vlozenie odkazu alebo navestia (mnemo: Anchor)
| Prikaz | Kompat./Pozn. |
| A |
vsetky prehliadace |
| Kontext: |
<HTML>
<BODY>
<A>
...aktivny text linky...
</A>
</BODY>
</HTML>
|
Ma dve rozne funkcie:
- Pomocou parametra HREF umoznuje vytvorit odkaz (linku) na dokument
specifkovany pomocou URI, pricom klikatelny text odkazu je v bloku tohto prikazu.
- Parameter NAME zadefinuje navestie s nazvom "text" v aktualnom dokumente,
na ktore sa potom mozete odkazovat pomocou "URI#text", kde URI zodpoveda
aktualnemu dokumentu.
Obe funkcie mozete zlucit a vytvorit linku, ktora zaroven definuje navestie.
|
| Parametre | Hodnoty | Default | Kompat./Pozn. |
| HREF = |
"uri" |
- |
- |
| NAME = |
"text" |
- |
- |
| TARGET = |
("text" | "_blank" | "_self" | "_parent" | "_top") |
_self |
IE 3+, Netscape 3+, Mozilla |
| TITLE = |
"text" |
"" |
IE 4+, Mozilla |
HREF=
- uri - URI adresa na cielovy dokument v tvare:
protokol://login:password@adresa/subor#navestie.
(Priklady:
http://fornax.sk, http://fornax.sk/fornax/, pictures/image.gif,
dokument.html, dokument.html#menu, ftp://ftp.elf.stuba.sk/pub,
ftp://login:heslo@fornax.sk/, http://fornax.elf.stuba.sk/index.html#dolu)
NAME=
- text - zadefinuje navestie v aktualnom dokumente. Telo prikazu
mozete ponechat prazdne alebo do neho vlozte tu cast dokumentu, pru ktoru
plati navestie.
TARGET=
- text - urcuje okno (frame), do ktoreho sa po kliknuti zobrazi obsah
cieloveho dokumentu. Parameter ma vyznam iba pri pouzivani
okien (frames).
Okrem vlastnych mien okien mozete pouzit aj tieto specialne nazvy
okien (zacinaju podciarknikom):
- _blank - obsah dokumentu bude zobrazeny do noveho
(prazdneho) okna prehliadaca. (Povodna stranka zostane v povodnom
okne.)
- _self - obsah dokumentu bude zobrazeny do toho isteho
okna, v ktorom sa nachadza aktualny dokument. Toto je defaultne
nastavenie.
- _parent - obsah dokumentu bude zobrazeny do
"rodicovskeho" okna (pozri <FRAMESET>).
- _top - obsah dokumentu bude zobrazeny do celeho okna
prehliadaca. (Nova stranka nahradi stranku v okne.)
tip: ak pouzivate frames, pri externych linkach (mimo vasej
stranky) definujte TARGET="_top". Tak zabezpecite, ze sa vam
nesuvisiaca stranka nebude otvarat v priestore vasej stranky.
TITLE=
- text - umoznuje urcit text, ktory sa vypise, ked ponechate
kurzor na
linke. Tento parameter mozete pouzit, ak chcete poskytnut pouzivatelovi
nejaku dalsiu informaciu o tom, co najde na danej linke. Ak tento
parameter nepouzijete, bude sa vypisovat cielova adresa linky.
Ak je sucastou linky obrazok, parameter ma prednost pred alternativnym
textom obrazku (pozri <IMG>).
|
| Priklady |
<A HREF="druhy.html">Tu kliknite</A> a dostanete sa na moj druhy
dokument.
<A NAME="zaciatok"></A> ... <A HREF="#zaciatok">Linka na
zaciatok</A>
|
| Poznamky |
- tip: ak chcete vytvorit odkaz, ktorym mozete poslat e-mail napr.
autorovi
stranky, skuste <A HREF="mailto:login@adresa">posli mail</A>
|
Linky: vytvorenie obrazkovej mapy (mnemo: Map)
| Prikaz | Kompat./Pozn. |
| MAP |
IE 4+, Netscape 4+, Mozilla |
| Kontext: |
<HTML>
<BODY>
<MAP>
...definicia mapy...
</MAP>
</BODY>
</HTML>
|
Zadefinuje obrazkovu mapu pre dalsie pouzitie v prikaze
<IMG> (parameter USEMAP). Linky veduce z obrazkovej mapy sa
urcuju v tele prikazu pomocou <AREA>.
|
| Parametre | Hodnoty | Default | Kompat./Pozn. |
| NAME = |
"text" |
POVINNY |
- |
NAME=
- text - jednoznacny identifikator tejto mapy v dokumente.
|
| Priklady |
Priklad: (MAP + AREA)
<IMG SRC="imgmap.gif" USEMAP="#menu" ALT="Menu [mapa]">
...
<MAP NAME="menu">
<AREA HREF="omne.html" SHAPE="rect" COORDS="0,0,128,40"
ALT="O mne">
<AREA HREF="poviedky.html" SHAPE="rect" COORDS="0,42,128,82"
ALT="Poviedky">
<AREA HREF="http://fornax.sk/" SHAPE="circle" COORDS="64,120,30"
ALT="Fornax">
<AREA HREF="http://www.apache.org" SHAPE="poly"
COORDS="0,150,30,150,45,150,20,130,50,180" ALT="Apache">
</MAP>
|
| Poznamky |
|
|
Linky: urcenie liniek obrazkovej mapy (mnemo: Area)
| Prikaz | Kompat./Pozn. |
| AREA |
IE 4+, Netscape 4+, Mozilla, lynx |
| Kontext: |
<HTML>
<BODY>
<MAP>
<AREA>
</MAP>
</BODY>
</HTML>
|
Urci tvar citlivych oblasti a ciele liniek v obrazkovej mape, v ktorej sa prikaz
nachadza. Pozri aj <MAP> a <A>.
|
| Parametre | Hodnoty | Default | Kompat./Pozn. |
| SHAPE = |
("default" | "rect" | "circle" | "poly") |
rect |
- |
| COORDS = |
zoznam suradnic |
- |
- |
| HREF = |
"uri" |
POVINNY |
- |
| TARGET = |
("text" | "_blank" | "_self" | "_parent" | "_top") |
_self |
IE 3+, Netscape 3+, Mozilla |
| ALT = |
"text" |
POVINNY |
- |
SHAPE=
- default - zadefinuje ako citlivu oblast cely obrazok
- rect - pouziva sa pre definovanie tvaru citlivej oblasti (stvoruholnik),
ak sa linka pouziva ako sucast obrazkovej mapy. Toto je defaultne
nastavenie. Pozri
<IMG> a <MAP>.
- circle - pouziva sa pre definovanie tvaru citlivej oblasti (kruh), ak
sa linka pouziva ako sucast obrazkovej mapy. Pozri
<IMG> a
<MAP>.
- poly - pouziva sa pre definovanie tvaru citlivej oblasti (mnohouholnik),
ak sa linka pouziva ako sucast obrazkovej mapy. Pozri
<IMG> a
<MAP>.
COORDS=
- suradnice - definuje suradnice bodov, ktore ohranicuju citlivu oblast
linky, ak sa linka pouziva ako sucast obrazkovej mapy. Suradnice sa
urcuju relativne v ramci obrazku a bod [0,0] je jeho lavy horny roh.
Suradnice pre jednotlive tvary su tieto:
- pre rect - suradnice laveho horneho a praveho horneho rohu (x1, y1, x2, y2)
- pre circle - suradnice stredu a polomer kruhu (x, y, r)
- pre poly - suradnice bodov, ktore ohranicuju mnohouholnik (x1, y1, x2, y2, ..., xN, yN)
Pozri <IMG> a <MAP>.
HREF=
- uri - URI adresa na cielovy dokument v tvare:
protokol://login:password@adresa/subor#navestie.
(Priklady:
http://fornax.sk, http://fornax.sk/fornax/, pictures/image.gif,
dokument.html, dokument.html#menu, ftp://ftp.elf.stuba.sk/pub,
ftp://login@fornax.sk/, http://fornax.elf.stuba.sk/index.html#dolu)
TARGET=
- text - urcuje okno (frame), do ktoreho sa po kliknuti zobrazi obsah
cieloveho dokumentu. Parameter ma vyznam iba pri pouzivani
okien (frames).
Okrem vlastnych mien okien mozete pouzit aj tieto specialne nazvy
okien (zacinaju podciarknikom):
- _blank - obsah dokumentu bude zobrazeny do noveho (prazdneho) okna.
- _self - obsah dokumentu bude zobrazeny do toho isteho okna. Toto je
defaultne nastavenie.
- _parent - obsah dokumentu bude zobrazeny do "rodicovskeho" okna
(pozri
<FRAMESET>).
- _top - obsah dokumentu bude zobrazeny do celeho okna prehliadaca.
ALT=
- text - alternativny text pre kazdu linku pre
pripad, ze prehliadac nedokaze zobrazit obrazky. Tento parameter je
povinny.
V alternativnom texte sa nemozu vyskytovat nijake a teda ani formatovacie
prikazy HTML. Prehliadac ich interpretuje ako obycajne znaky.
|
| Priklady |
Priklad: pozri <MAP>
|
| Poznamky |
- Ak prehliadac nevie zobrazovat obrazky (a teda ani obrazkove mapy), zobrazi
linky pre definovane oblasti ako bezne linky s textom urcenym parametrom ALT.
Nezabudnite ho preto uviest!
|
TODO: object
