HomeHelpHTML

Navigace dokumentu:   [ Obrázky ]   [ Seznamy ]   [ Rámy ]   [ Tabulky ]


Základní značky

 

<Html></Html>                                                               značka Html dokumentu

<Head>Hlavička</Head>                                       záhlaví Html dokumentu

<Meta>                                                                 meta informace (je uvnitř <Head></Head>)

<Meta Http-Equiv="Content-Type" Content="text/html; charset=windows-1250">   kódování stránky

<Meta Name="Keywords" Content="x">              klíčová slova stránky (pro vyhledávající nástroje)

<Meta Name="Author" Content="Petr Kubu">     autor stránky

<Meta Name="Description" Content="x">           popis stránky (pro vyhledávací nástroje)

Generator, Refresh, Template, ?

 

<TITLE>  Titulek  </TITLE>                                    titulek dokumentu (je uvnitř <Head></Head>)

<Body> Tělo dokumentu </Body>                           tělo Html dokumentu

<Body BackGround="url">                                   obrázek na pozadí

<Body BGColor="#xxxxxx">                                barva pozadí stránky (#000000 - #FFFFFF)

<Body TEXT="#xxxxxx">                                     barva textu

<Body Link="#xxxxxx">                                       barva odkazu

<Body ALink="#xxxxxx">                                     barva aktivovaného odkazu

<Body VLink="#xxxxxx">                                     barva navštíveného odkazu

<Base Href="http://www.něco.cz/">                      základ odkazů

<Base target="název rámu">                               cíl odkazů směruje do rámu

<Base Font="písmo" Size="x">                             základní písmo a jeho velikost (1-7, stand. 3)

 

Typografické značky

 

<BASEFont Size="x">                                           základní velikost písma (1 až 7) pro celou stránku

<Hn> Nadpis </Hn>                                                hlavička (1 až 6) - <H1></H1> <H2></H2> atd.)

<B> tučně </B>                                                      tučný text

<STRONG></STRONG>   a   <EM></EM>               zvýrazněný text

<I> kurzíva </I>                                                      kurzíva

<U> podtržený text </U>                                          podtržený text

<STRIKE></STRIKE>  nebo            <S>  </S>         přeškrtnutý text

<SUB></SUB>                                                        dolní index

<SUP></SUP>                                                        horní index

<TT></TT>                                                             pevná šířka písma (písmo psacího stroje - neproporc.)

<SMAll></SMAll>                                                   menší písmo než normální velikost

<BIG></BIG>                                                          větší písmo než normální velikost

<Font Size="x">            </Font>                             velikost písma (1 až 7) (-2, -1, +1, +3)

<Font FACE="font">            </Font>                       druh písma (Verdana, Arial, Courier, Garamond, Times, atd.)

<Font Color="#xxxxxx">      </Font>                      barva písma v hexadecimální hodnotě

<Blink>  </Blink>                                                    blikající text

 

Formátovací značky

 

<BlockQuote></BlockQuote >                                     odsadí blok textu

<Cite> Citát</Cite>                                                      citát psaný kurzívou

<BR>                                                                           zalomení řádku

<NOBR>                                                                      zakáže zalamování na hraně stránky

<WBR>                                                                        dělit slova, pokud je to nutné (povolí zalomení)

<BR Clear=Left/Right/All>                        obtékání (All - text má pokračovat u obou okrajů, kde je místo)

<Center></Center>                                                     centruje

<HR>                                                                           vodorovná dělící čáru

<HR Aling=Left/Center/All>                                         zarovná dělící čáru

<HR Size="x">                                                            tloušťka dělící čáry

<HR Width="x">                                                         délka dělící čáry

<HR NOSHADE                                                            plně černá dělící čára

<P> Odstavec </P>                                                      nový odstavec

<P Aling=Left/Center/All> </P>                                  zarovnává text odstavce

<PRE></PRE>                                                             předformátovaný text - bezpatkové písmo (Courier)

<Address> </Address>                                               formátování sekce adresy

______________________________________________________________________________

Odkazy

 

<a href="url" title="popisek"> odkaz </a>                  odkaz na url adresu

<a href="url" target="_blank">odkaz </a>                odkaz na url do nového okna prohlížeče

<a href="url" target="název rámu"> odkaz  </a>     odkaz na url do rámu

<a href="url" target="_self"> odkaz </a>                  odkaz uvnitř rámu na url rámu, z něhož byl odkaz aktivován

<a href="url" target="_parent">  </a>                      odkaz na url do FrameSet

<a href="url" target="_top"> odkaz </a>                   uvnitř rámu vylučuje FrameSet a odkazuje na url do vlastního okna prohlížeče

 

 

Obrázky

 

<img src="url">                                                         zobrazí obrázek

<img src="url" VAling=Top/Middle/Bottom>              zarovnává obrázek svisle

<img src="url" Aling=Left/Right>                               zarovnává obrázek vodorovně

<img src="url" ALT="text">                                        popisný text

<img src="url" USEMAP="#název mapy">                 obrázková mapa a název mapy

<img src="url" Width="x" Height="x">                       rozměry obrázku v pixelech

<img src="url" Border="x">                                       okraj obrázku

<img src="url" HSPACE="x" VSPACE="x">            horizontální a vertikální mezera okolo obrázku v pixelech

<img LowSrc="url" src="url">                        počáteční obrázek s nízkým rozlišením, než bude natažen s plným rozlišením

 

Seznamy

 

1.  <DL></DL>                                     seznam definic

2.  <DT>                                               definice termů

3.  <DD>                                              definice pojmu - odsazené od levého okraje

<Menu> <Li><Li> </Menu>                  nebo nabídka  (1 řádek = 1 položka)

<Dir> <Li><Li> </Dir>                          seznam položek (dlouhých do 20 znaků)

<OL></OL>                                         uspořádaný seznam

<OL Compact></OL>                          kompaktní uspořádaný seznam

<OL TYPE=A/a/I/i/1></OL>                  uspořádaný seznam různých typů

<LI>                                                    položka seznamu

<LI TYPE=A/a/I/i/1>                             formát položky seznamu

<UL></UL>                                          neuspořádaný seznam - odrážka

<UL Compact></UL>                           kompaktní neuspořádaný seznam

<UL TYPE=DISC/CIRCLE/SQUARE></UL>             styl odrážky

 

Formuláře

 

<FORM ACTION="url" METHOD=GET/POST></FORM> definuje parametry formuláře

<Input TYPE="TEXT/PASSWORD/CHECKBOX/RADIO/SUBMIT/RESet/IMAGE"> vstupní pole formuláře

<Input TYPE=HIDDEN>                                              skryté pole

<Input Name="název_pole">                                     jméno pole formuláře

<Input CHECKED>                                                      zaškrtávací políčko

<Input Size="x">                                                        velikost pole v počtu znaků

<Option>                                                                     volby menu

<Option SelectED="implicitní hodnota">                   implicitně vybraná volba

<Option VALUE="hodnota">                                       hodnota pro menu volby

<Select></Select>                                                     menu ve formuláři

<Select Name="jméno"></Select>                             data náležící menu

<Select MULTIPLE></Select>                                      určuje více než jednu volbu v menu

<Select Size="x"></Select>                                        počet viditelných položek v menu

<TextArea Rows=x Cols=y></TextArea>              vstupní box

<TextArea Name="jméno"></TextArea>             název vstupního boxu

<TextArea WRAP></TextArea>                          automatické zalamování textu uvnitř boxu

 

______________________________________________________________________________

Rámy

 

<FrameSet></FrameSet>                                          v záhlaví Html stránky a definuje prvky rámu

<FrameSet Cols="x,x">                        šířka sloupcových rámů v pixelech nebo procentech

<FrameSet Rows="x,x">                        výška řádkových rámů v pixelech nebo procentech

<FrameSet Border="x">                                        tloušťka okraje rámu

<FrameSet FrameSpacing="x">                           mezery mezi rámy

<FrameSet FrameBorder="x">                             okraje rámu

<Frame SRC="url">                                                      url k natažení do rámu

<Frame Aling=Left/Center/Right>                                zarovnání položek uvnitř rámu

<Frame FrameBorder="x">                                         okraje rámu

<Frame BorderColor="#xxxxxx">                              barva okraje pro rám

<Frame FrameSpacing="x">                                       mezera přidaná mezi rámy

<Frame Name="jméno">                                            jméno rámu

<Frame NORESize>                                                      znemožňuje měnit velikost rámu

<Frame MarginWidth="x" MarginHeight="x">     šířka a výška okraje uvnitř rámů

<Frame Scrolling="0/1/Auto">                         určuje zda rám bude mít rolovací proužek

 

Tabulky

 

<Table> Tabulka   </Table>                                         tabulka

<Table Border="x">                                                    okraj tabulky

<Table CellSpacing="x">                                          volný prostor mezi buňkami (stand. hodn. 2)

<Table CellPadding="x">                                          tloušťka vnitřního okraje buněk (stand. hodn. 1)

<Table Width="x">                                                     šířka tabulky

<Table Width="%">                                                     šířka tabulky v procentech

<TR> řádek </TR>                                                  řádek tabulky

<TR Aling=Left/Center/Right VAling=Top/Middle/Bottom> horizontální a vertikální zarovnání řádku tabulky

<TD> buňka </TD>                                                 datová buňka tabulky (je uvnitř tabulkových řádků)

<TD Aling=Left/Center/Right VAling=Top/Middle/Bottom> horizontální a vertikální zarovnání obsahu buňky

<TD NOWRAP>                                                      zakazuje zalamování řádek

<TD Colspan="x">        počet sloupců pro datovou buňku tabulky, přes něž se má buňka roztáhnout ve vodorovném směru

<TD Rowspan="x">      počet řádků pro datovou buňku tabulky, přes něž se má buňka roztáhnout ve svislém směru

<TD Width="x">                                                     šířka datové buňky tabulky

<TD Width="%">                                                     šířka datové buňky tabulky v procentech

<TH>  záhlaví  </TH>                                               záhlaví tabulky

<TH Aling=Left/Center/Right VAling=Top/Middle/Bottom> horizontální a vertikální zarovnání obsahu datové buňky záhlaví tabulky

<TH NOWRAP>                      zákaz zalamování řádek uvnitř datové buňky záhlaví tabulky

<TH Colspan="x">                počet sloupců pro datovou buňku záhlaví tabulky, přes něž se má buňka roztáhnout ve vodorovném směru

<TH Rowspan="x">               počet sloupců pro datovou buňku záhlaví tabulky, přes něž se má buňka roztáhnout ve svislém směru

<TH Width="x">                                                     šířka datové buňky záhlaví tabulky

<TH Width="%">                                                     šířka datové buňky záhlaví tabulky v procentech

<Caption Aling="Top/Bottom"> titulek </Caption>            nadpis tabulky

 

<TD> &NBSP; </TD>   or   <TD> <BR> </TD>               prázdná buňka s ohraničením  

 


 

Vkládání zvláštních znaků

 

<          &lt            (less than)                            &            &amp;            (ampersand)

>          &gt           (greater than)                        *            za znaky  &#  napsat ASCII číslo daného znaku

&nbsp;                 nerozdělitelná mezera

 

 

Další nalezené tagy

 

<Code></Code>                                                          výpis kódu

<Kbd>  </Kbd>                                                            text psaný uživatelem

<Samp> </Samp>                                                       posloupnost znaků

<Var></Var>                                                               název proměnné

 

V hlavičce se mohou vyskytovat tyto tagy:

<IsIndex>

<NextID>

<Link>

 

<div> </div>                                                              oddíl (blokový prvek)

<span> </span>            <span style=""></span>         umožní změnit styl v odstavci (oddíle-řádkový prvek)