HaTMatiLka
Příkazy
<a>
<b>
<body>
<br>
<center>
<dd>
<dl>
<dt>
<font>
<head>
<h>
<hr>
<HTML>
<i>
<img>
<lh>
<li>
<map> <nobr> <ol>
<sub>
<sup>
<title>
<u>
<ul>
<a>…</a>
HRef="URL"
Adresa odkazu
Po aktivaci bude načten uvedený dokument.
Name="jmeno"
Jméno
Definuje jméno oblasti, vymezené tagem <a>…</a>. Používá se k pojmenování cíle, místa, kam se bude odkazovat jinde. Například <a name="cil">cíl</a> označí slovo „cíl" jménem „cil". Jinde v dokumentu může pak být tag <a href="#cil">tam</a>, vedoucí na toto slovo.
Title="popisek"
Titulek.
Umožňuje zobrazit popisek, například v malém čtverečku vedle myšího kursoru. Nepoužívá se, nefunguje.
Rel
Rev
Methods
Target="jmeno"
Jméno cílového okna.
Načte dokument do okna „jmeno" v případě, že jsou používány rámečky. Krom toho může položka „jmeno" nabývat zvláštních hodnot.
Odkaz, link
Při použití parametru Target lze využít následující vyhražená jména:
_blank
načte stránku do nového okna (znovu spustí prohlížeč)
_self
načte stránku místo aktivního dokumentu; jako by nebylo uvedeno
_parent
načte stránku přes „mateřský" dokument; zruší jednu úroveň rámečků
_top
načte dokument přes celou plochu prohlížeče; zruší používání rámečků
<b>…</b> bez parametrů Tučné písmo (bold)
Tento text je tučný.
<Body>…</Body>
bgcolor="rrggbb"
barva pozadí stránky
text="rrggbb"
barva písma (textu)
link="rrggbb"
barva odkazu (linku)
vlink="rrggbb"
barva navštíveného odkazu (visited link)
alink="rrggbb"
barva aktivního odkazu (active link)
Měla by být aktivní ve chvíli, kdy je stištěno tlačítko myši na odkaze (teprve po jeho uvolnění by měla naskočit nová stránka). Ve skutečnosti to funguje různě. (V Netscape dobře, MSIE si jen blikne — starší verze ani to ne.)
background="file.ext"
obrázek na pozadí dokumentu.Skládá se vedle sebe a pod sebe (dlaždice).
Oblíbené svislé čáry jsou jen obrázek, široký nejméně 1024 bodů, ale nevysoký.
Pokud bude použit obrázek s „průhlednou barvou", bude jí prosvítat barva pozadí.
Animované obrázky se na pozadí nepohybují.
Příliš složitý či pestrý obrázek velmi snižuje čitelnost textu.
bgproperties=fixed
Specialita Internet Exploreru: obrázek je „přilepený" za textem a neroluje. Text se pohybuje „nad ním". Velmi dobrý efekt.
leftmargin="nn"
levý okraj.
Internet Explorer vynechá místo po levé straně dokumentu. Trochu se tím zvýší čitelnost textu.
topmargin="nn"
horní okraj.
Internet Explorer vynechá místo na začátku dokumentu. Celkem k ničemu.
Definice těla dokumentu.
V tomto oddíle se nacházejí všechny zobrazované texty a data. Druhá nejvyšší úroveň v dokumentu, vnořená do bloku <HTML>. Před <Body> je (na stejné úrovni) blok <Head>.
Tento oddíl nemusí být nutně zakončen (</Body>) — browsery totiž zobrazují stránku „za chodu", jak postupně přichází, nečekají na její konec. To umožňuje zobrazit i neúplné stránky — a vynechávat koncový tag </Body>.

(To je však nešvar, kterému je lépe se vyhnout. Jiné tagy tak blbuvzdorné nejsou a tak není radno si na to zvykat.)
<br>
clear="left|right|all"
Vynechá místo, dokud není vlevo|vpravo|po obou stranách volný okraj. Vhodné okolo obrázků (přeskočí až na řádek pod obrázkem).
řádkový zlom, konec řádku (line break)
Pokud je na stejném řádku obrázek, přesahující na další řádek, pokračuje text od obrázku doprava. Jestliže je potřeba dostat se až pod obrázek (například u popisku), je nutné zadat clear="left" (a podobně).
<center>…</center> bez parametrů Zarovnání doprostřed.
Poměrně pochopitelný tag. Text uvnitř bude zobrazen uprostřed mezi pravým a levým okrajem (jako tento).

Podobného efektu lze dosáhnout tagem <P align="center">…</P>. Starší browsery podporovaly někdy jen jednu z těchto možností. Tag <center> zavedl Netscape, ale brzy se ujal.
<dd>…</dd> bez parametrů Položka seznamu definic
 — vlastní definice.
Obvykle je vynecháváno ukončení definice </dd>. Zřejmě to nevadí.
<dl>…</dl>
compact
kompaktní seznam
Nezdá se, že by to mělo nějaký význam.
Seznam definic
Vytvoří seznam definic typu:
Def1
Nechť existuje soustava…

Uvnitř seznamu lze definovat nadpisy <lh>. Nadpisy definic (titulky) jsou uzavřeny tagem <dt>, vlastní definice pak <dd>.
Ukončení tagů <dt> a <dd> lze většinou zanedbat.
Typický seznam definic vypadá:
<dl>
 <dt>Def1<dd>Nechť existuje…
 <dt>Def2<dd>Pokud existuje…
</dl>
<dt>…</dt> bez parametrů Položka seznamu definic
 — nadpis definice.
Obvykle je vynecháváno ukončení definice </dt>. Zřejmě to nevadí.
<font>…</font>
size="nn"
velikost písma
Velikost je možné nastavovat buď absolutně (1, 2, .., 7) nebo relativně (-4, .., +4). Absolutní nastavování nemá přímou spojitost s bodovou velikostí písma. Relativní nastavování určuje, o kolik bude písmo menší/větší, než aktuální; bohužel, NetscapeInternet Explorer mají vlastní názor na to, o kolik to vlastně bude.
Doporučuji používat relativní nastavování, v řadě 1-2-4.
Zápis size="+0" nastaví písmo na normální velikost.
color="rrggbb"
barva písma
face="name"
font, typ písma
Tímto parametrem lze nastavit požadovaný font. Protože na cílovém počítači nemusí být písmo stejného jména, je možné psát více jmen, oddělených čárkou. (Mělo by však jít o podobná písma.)
Jméno musí být zapsáno přesně, včetně mezer.
Existují více-méně univerzální jména:
Helvetica, Courier, Roman. Ale spolehnout se na ně nelze.
Nastavení písma.
Pozor: tag <font> není dobré vnořovat do sebe — ne každý prohlížeč si s tím poradí správně. O nečekané efekty pak není nouze.
Bohužel, jediným spolehlivým řešením je, před každou změnou písma ukončit předchozí nastavení tagem </font> a začít nový tag <font>.
<Head>…</Head> bez parametrů Hlavička dokumentu (datová část)
Hlavička je povinnou částí dokumentu.
(Některý prohlížečům nevadí, když chybí, ale nespoléhal bych na to.)
Tato část se nezobrazuje, ale píší se sem tagy, popisující dokument. Především tag <Title>, který by tu měl být vždy.
<H>…</H>
<H1>…</H1>
<H2>…</H2>
<H3>…</H3>
<H4>…</H4>
<H5>…</H5>
<H6>…</H6>
align="left|right|center"
zarovnání nadpisu
Obvykle se neuvádí — a je to stejné, jako align="left", tedy zarovnané vlevo.
Pokud je zadán, bývá align="center", tedy vystředěný nadpis. To jest však poněkud problematické, zvláště, pokud se v okolí nacházejí obrázky či tabulky; pak bývá nadpis od středu poněkud odsunut. Doporučuji před vystředěným nadpisem zadat <br clear="all">.
Zarovnání doprava je pěkný a neobvyklý efekt.
Nadpis
HaTMatiLka rozeznává šest úrovní nadpisů:

<H1>

<H2>

<H3>

<H4>

<H5>
<H6>
Každý nadpis musí být ukončen stejným uzavíracím tagem (například </H1>).
<hr>
width="nn"
délka čáry
Zadává se buď v bodech <hr width="100"> nebo v procentech <hr width="50%">.
size="nn"
sířka (tloušťka, síla) čáry
Nejtenčí čára má size="1", nejširší…
noshade
nestínovaná, placatá čára
Bez tohoto parametru jsou čáry jakoby vyryté do podkladu. Parametr noshade 3D-efektu zamezí a vznikne jednoduchá, obyčejná vodorovná čára.
color="rrggbb"
barva čáry
Funguje ve spojení s parametrem noshade. (V podstatě jej to nahradí — barevná čára není 3D.)
align="left|right|center"
zarovnání
Čára nemusí být uprostřed, ale je možné ji přirazit k jednomu kraji. Pozná se to však pouze v případě, že je zadaná délka čáry (různá od 100%).
Vodorovná oddělovací čára
<hr> hr <hr width="50%" size="5">
<hr noshade>
<hr noshade color="00AA00" size="1">
<hr noshade width="50%" align="left">
Pěkné využití má čára jako doplňující grafický efekt u nadpisů: <center><hr width="80" noshade>Nadpis<hr width="80" noshade></center>

Nadpis
<HTML>…</HTML> bez parametrů Označuje dokumet HTML.
Až k začátku tohoto tagu je dokument chápán jako prostý text, bez formátu. Veškeré tagy před <HTML> mají být ignorovány, tedy vypsány na obrazovku tak, jak jsou.
Tag </HTML> může na konci stránky chybět — prohlížeče jsou schopné zobrazovat „neúplné" stránky, protože často ukazují data, která stále přichází ze serveru.
Text za ukončením tagu </HTML> je nadále zobrazován, jako by se nic nestalo (alespoň většinou).
Dokument se může skládat z více bloků <HTML>…</HTML>. (Ale neměl by, jenom to prostě projde.)
Vlastně je důležitý jen začátek; na konci prakticky nezáleží.
<i>…</i> bez parametrů Kurzíva (italic)
Tento text jest psán kurzívou.
<img>
src="image.gif"
povinný parametr! Jméno souboru s obrázkem.
Může být URL kamkoliv do Internetu. Bez něj není co zobrazovat :-)
Obvyklé formáty obrázků jsou Gif, JPEG a PNG.
alt="text"
Popisek obrázku.
Není povinný, ale hodí se. Prohlížeče obvykle text ukáží, pokud najedete myší nad obrázek; též je vidět, pokud se obrázek nepodaří načíst; některé negrafické browsery jej prostě zobrazí místo obrázku.
width="nn"
šířka obrázku v bodech či procentech
height="nn"
výška obrázku v bodech
align="top|center|middle|bottom"
zarovnání vzhledem k řádku textu.
Není-li uvedeno, chová se obrázek jako jeden znak.
border="nn"
rámeček okolo obrázku
Je-li obrázek linkem, bývá orámován. Pomocí border="0" lze rámeček zrušit.
hspace="nn" vspace="nn"
vodorovné a svislé odsazení.
Vynechá místo okolo obrázku.
usemap="map"
mapa s odkazy
viz.
Vložení obrázku do dokumentu.
Použití USEMAP:
Tento parametr slouží k vylepšení navigace na stránce. Normálně, použitím tagu <a>, lze vyrobit obrázek, který celý ukazuje na nějaké místo. Pomocí USEMAP lze rozdělit obrázek na několik částí, z nichž každá ukazuje na jiné místo — takzvaná navigační mapa.
nejprve je nutné definovat mapu pomocí tagů <map>. V definici obrázku se poté uvede USEMAP="mapa" tím dojde k přiřazení mapy „pod obrázek".
<lh>…</lh> Bez parametrů Nadpis v seznamu.
Lze jej použít v číslovaném nebo nečíslovaném seznamu (případně v definicích).
Ukončení tagu </lh> lze poměrně beztrestně vynechat.
<li>…</li>
type="1|a|A|i|I"
Typ číslování (viz <ol>)
type="circle|square|disk"
Typ odrážek (viz <ul>)
Položka číslovaného či nečíslovaného seznamu.
Celý text bude odsazený od levého okraje a bude před ním číslo, případně značka.
Položkou seznamu může být další seznam, číslování však nelze strukturovat (1.1.a)!

Ukončení tagu </li> lze poměrně beztrestně vynechat.
<map>…</map>
Name="jmeno"
Jméno mapy.
Odkazuje se na ně, jako na jiné místo dokumentu, to znamená pomocí „#jmeno".
definice mapy odkazů.
Viz <img> a <usemap>.
Typická ukázka mapy:
<map name="jmeno">
<Area shape="rect"
 coords="x1,y2,x2,y2"
 HRef="Link"
 Target="okno">...
</map>

Použití HRef a Target viz tag <a>.
V současnosti je jediným použitelným tvarem (shape) obdélník (rect).
Obdélníky se mohou překrývat; v tom případě platí, že bude použit ten, který je první v řadě. (Zpracovávají se „shora dolů".)
<nobr>…</nobr> bez parametrů zákaz zlomu řádku (no break)
Nejde o standardní HaTMatiLkovou značku.
Ale podporují ji NN i MSIE, ostatní ji stejně ignorují, takže nevadí.
<ol>…</ol>
type="1|a|A|i|I"
typ číslování.
1arabské 1.-2.-3.
apísmena a.-b.-c.
Apísmena A.-B.-C.
iřímské i.-ii.-iii.
Iřímské I.-II.-III.
start="n"
počáteční hodnota
Číslovaný seznam
Vytvoří číslovaný seznam typu:
  1. jedna
  2. dva
  3. tři

uvnitř seznamu lze definovat nadpisy <lh> a položky seznamu <li>.

Typický seznam vypadá:
<ol>
 <li>Jedna
 <li>Dva…
</ol>
<P>…</P>
align="left|center|right"
Zarovnání vlevo|doprostřed|vpravo. Zarovnání vlevo není třeba uvádět.
Zarovnání doprstřed je lépe definovat tagem <center>.
Zarovnání vpravo má dobré využití u podpisů.
Odstavec (paragraph)
Je nahoře trošku odsazen od předchozího textu, takže je lépe čitelný.
<sub>…</sub> bez parametrů Dolní index (subscript)
Lít H2O do H2SO4 může leda šílenec.
<sup>…</sup> bez parametrů Horní index (superscript)
E = m c2
<table>…</table>
width="nn"
šířka tabulky (body či procenta)
height="nn"
výška tabulky (body)
border="n"
šířka rámečku v&bodech
bordercolor="rrggbb"
barva rámečku
cellspacing="n"
mezera mezi políčky
cellpadding="n"
mezera od kraje políčka k textu uvnitř
bgcolor="rrggbb"
barva pozadí tabulky (nefunguje vždy)
Definice tabulky
Uvnitř jsou tři části, ohraničené vlastními tagy: <THead>, <TBody><TFoot>, tedy hlavička, tělopata tabulky. Obvykle se všechny vynechávají a tabulka je tak pouze tělo.
Tabulka je rozdělena na řádky, uzavřené mezi <tr>…</tr>. Každý řádek obsahuje sloupce, ohraničené <td>…</td>. Krom toho tu mohou být nadpisy (mezi <th>…</th>).
<Title>…</Title> bez parametrů Název dokumentu
Titulek je povinnou částí dokumentu.
(Některý prohlížečům nevadí, když chybí, ale nespoléhal bych na to.)
Text, napsaný mezi <Title> a </Title> není součástí stránky. Prohlížeče jej většinou ukazují v horní části okna. Přestože není dáno žádné omezení, měl by být kratší než asi 64 znaků. Delší text totiž bývá zkrácen. Může být zapsán v několika řádcích, ale je to zbytečné — stejně z toho bude jediný.
<TT>…</TT> bez parametrů Pevná šířka znaků (teletype)
Tento text jest psán písmem s pevnou šířkou znaků.
<u>…</u> bez parametrů Podtržení (underline)
Tento text jest podtržen.
<ul>…</ul>
type="circle|square|disk"
typ odrážek
Nezdá se, že by to mělo nějaký význam.
Nečíslovaný seznam
Vytvoří nečíslovaný seznam typu:
  • jedna
  • dva
  • tři

uvnitř seznamu lze definovat nadpisy <lh> a položky seznamu <li>.

Typický seznam vypadá:
<ul>
 <li>Jedna
 <li>Dva…
</ul>
 

© Robert R. Šimek, 1997