HTML a tvorba WWW stránek - 1. lekce
23.června 1998 xskrivan@fi.muni.cz


1.1 Co je HTML

  Zkratka HTML znamená HyperText MarkUp Language , což v překladu znamená Nadtextový značkovací jazyk a právě tak, by se dal charakterizovat tento jazyk pro vytváření www stránek. Jazyk HTML se vyznačuje tím, že vzhled jednotlivých částí dokumentu určuje svými HTML značkami. (viz níže)

  HTML dokument je v podstatě běžný textový soubor, který má být především nositelem informace. Tj., v žádem případě by stránka na lidi neměla házet všelijaké animované ksichtíky, blikající a běžící text, hýřit barvami. Taková stránka je možná efektní po grafické stránce, ale z hlediska hlavního účelu, je naprosto nevhodná. Každý objekt, který bliká, rotuje či jezdí, odvádí pozornost od vlastního informačního obsahu stránky, ten je nepřehledný, špatně čitelný a tudíž následně velmi únavný na oči. Tolik o základních pravidlech tvorby stránek. Nebude vůbec na škodu, když se jimi budete alespoň trochu řídit.

  Soubor definující HTML stránku mívá příponu .htm (v Novellovském prostředí) a příponu .html (v Unixovském prostředí). Jiné přípony se nedoporučují, jednak nějaké mohou mít svůj speciální význam, a jednak prohlížeč by nemusel vždy pochopit, že se jedná právě o HTML dokument. Kupříkladu, když dáte HTML dokumentu příponu .txt, pak takový zdrojový soubor zobrazí jako plain text.

  Další vlastností jazyka HTML je, že pokud prihlížeč narazí na neznámou HTML značku, tak ji prostě ignoruje a chová se tak, jak kdyby tam nebyla. Je také potřeba vzít v úvahu, že HTML ignoruje všechny nadbytečné mezery. Pokud chcete do dokumentu vložit např. nový řádek, nebo více jak jednu mezeru, musíte použit formátovacích tagů jazyka HTML.

1.2 Základní struktury HTML dokumentu

Základními a běžně užívanými strukturami HTML dokumentu jsou:

  To, jak bude text v dane chvíli vypadat, tzn, jestli to bude holý text, nebo textová informace bude rozvržena do tabylky, nebo seznamu, určují HTML značky - odborně tagy . Tedy, tak jak je např. v programovacím jazyku základním stavebním prvkem příkaz, tak při tvorbě HTML dokumentů to je TAG.

1.3 Tagy

  Tag je libovolný n-znakový identifikátor uložený ve dvou závorkách: <identifikátor>. Za první závorkou nesmí být mezera! Tagy obecně dělíme do dvou základních skupin:
Párové tagy se vyznačují tím, že jsou uvozovány počáteční značkou <tag> , ze kterou následuje nějaký objekt, zpravidla nějaký text, a ukončen ukončovací značkou </tag> . Příkladem nějaké párové značky je: <font> <i> <body> <center> <a> <table> Příklady použití ukazuje následující tabulka:

<i> text bude kurzívou </i>
<b> text bude tučně </b>


Nepárové tagy jsou značky tvaru <tag atributy..hodnoty....> , které nepopisují, jak bude vypadat objekt uzavřený mezi počáteční a koncovou značkou, ale v místě volání zavedou na stránku nějaký objekt. (např. obrázek, čáru ...). Příkladem nepárových tagů jsou: <img> <hr> <input> <meta> <br> <p>

  Každý tag může obsahovat vedle svého identifikátoru atributy. Pod pojmem atributy si lze nejjednodušeji představit volby, určující nějaké nastavení nebo vlastnosti. Každý atribut pak má definovanou svou hodnotu. Pořadí zapsaných atributů v tagu je libovolné. Jak zapsat nějakou HTML značku i s jejími atributy, bude asi nejlépe vidět na následujícím příkladu tagu FONT, který definuje font písma:

<font size=5 color="Blue"> Nějaký text </font>
Výsledek bude takový: Nějaký text


  Tagy lze do sebe vnořovat. Pomocí vnořování se mnohdy dosáhne velmi snadno pěkných efektů. Při vnořování HTML značek je třeba mít na paměti, že značky se musí ukončovat v právě opačném pořadí, než jak byly volány. Příklad viz tabulka:

<b> <i> text bude tučnou kurzívou </i> </b>


Shrnutí:

[Zpět] [Změna kódování]