Ako citat tento help Vixova prirucka webelopera

Vacsinu tohto helpu tvori opis prikazov s ich parametrami. Pre tych, ktori nemaju velke skusenosti s HTML mozu tabulky s prikazmi vyzerat odstrasujuco. Preto Vam tu vysvetlim, ako ich citat:

Na zaciatku stranky sa vacsinou nachadza obsah vo forme liniek na jednotlive prikazy. To sa Vam bude hodit, ked budete neskor vyhladavat tieto prikazy v ramci jedneho suboru.

Kazda samostatna kapitola ma svoj nazov na blizsie upresnenie, coho sa tykaju prikazy.

Vlozene objekty a linky na ine dokumenty

Kazda tabulka ma v zahlavi napisanu temu a co robi dany prikaz. V zatvorke je uvedene, z coho vzniklo mnemonicke pomenovanie prikazu, ak ide o skratku.
Obrazky: vlozenie obrazku (mnemo: IMaGe)
PrikazKompat./Pozn.
IMG textove prehliadace zobrazia obsah parametra "ALT"
poznamky o kompatibilite tohto prikazu a prehliadacov
Kontext: <HTML>
  <BODY>
    tu najdete prehladne zobrazenie blokov, v ktorych sa musi prikaz nachadzat
    <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.

Opis funkcie prikazu

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.
Parameter prikazu, jeho hodnoty a opis funkcnosti.

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
Parameter prikazu, jeho hodnoty a opis funkcnosti.

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.
            
Parameter prikazu, jeho hodnoty a opis funkcnosti.

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.
Parameter prikazu, jeho hodnoty a opis funkcnosti.

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.
Parameter prikazu, jeho hodnoty a opis funkcnosti.

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".
Parameter prikazu, jeho hodnoty a opis funkcnosti.

HSPACE=
  • velkost - urcuje velkost vynechaneho miesta medzi obrazkom a jeho okolim (horizontalne). Defaultna hodnota nie je specifikovana, niekedy je dobre nastavit HSPACE="0".
Parameter prikazu, jeho hodnoty a opis funkcnosti.

VSPACE=
  • velkost - urcuje velkost vynechaneho miesta medzi obrazkom a jeho okolim (vertikalne). Defaultna hodnota nie je specifikovana, niekedy je dobre nastavit VSPACE="0".
Parameter prikazu, jeho hodnoty a opis funkcnosti.

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>.
Parameter prikazu, jeho hodnoty a opis funkcnosti.

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.
Parameter prikazu, jeho hodnoty a opis funkcnosti.

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>.

Priklad(y) s pouzitim tohto prikazu v HTML

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
Rozne uzitocne tipy a poznamky.