Objekty a linky Vixova prirucka webelopera

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.

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:

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:

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:

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)
PrikazKompat./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.

ParametreHodnotyDefaultKompat./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)
PrikazKompat./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>.

ParametreHodnotyDefaultKompat./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)
PrikazKompat./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.

ParametreHodnotyDefaultKompat./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)
PrikazKompat./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.
ParametreHodnotyDefaultKompat./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)
PrikazKompat./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>.

ParametreHodnotyDefaultKompat./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)
PrikazKompat./Pozn.
A vsetky prehliadace
Kontext: <HTML>
  <BODY>
    <A>
      ...aktivny text linky...
    </A>

  </BODY>
</HTML>

Ma dve rozne funkcie:

  1. Pomocou parametra HREF umoznuje vytvorit odkaz (linku) na dokument specifkovany pomocou URI, pricom klikatelny text odkazu je v bloku tohto prikazu.
  2. 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.

ParametreHodnotyDefaultKompat./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://deja-vix.sk, pictures/image.gif, dokument.html, dokument.html#menu, ftp://ftp.elf.stuba.sk/pub, ftp://login:heslo@example.com/, http://deja-vix.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)
PrikazKompat./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>.

ParametreHodnotyDefaultKompat./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://deja-vix.sk/" SHAPE="circle" COORDS="64,120,30"
    ALT="Deja-Vix">
    <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)
PrikazKompat./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>.

ParametreHodnotyDefaultKompat./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://deja-vix.sk, http://example.com/links/, pictures/image.gif, dokument.html, dokument.html#menu, ftp://ftp.elf.stuba.sk/pub, ftp://login@example.com/, http://example.com/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

Predchadzajuca tema:Pribuzne temy:Nasledujuca tema:
Uprava textu Sprievodca vytvaranim stranky krok za krokom
Abecedny zoznam prikazov HTML
Tabulky