|
Rozhodl jsem se, že vytvořím další takovou malou sérii článků o programování webových stránek, tentokrát věnované jazyku HTML.
V tomto článku si vyložíme základní pojmy a seznámíme se se strukturou HTML dokumentů. Při programování www stránek se dříve či déle setkáte s pojmy, kterým je nutno rozumět, chcete-li se v této činnosti dále rozvíjet. Tyto pojmy vysvětluji zde: Tag - je příkaz jazyka HTML, který se píše do hranatých závorek (< >). U tagů rozeznáváme, jestli je párový (např. <A> musí končit </A>) či nepárový. U každého párového tagu ještě rozeznáváme počáteční značku (<A>) a koncovou značku (</A>).
Obsah tagu - je vše, co je mezi počáteční a koncovou značkou párového tagu. Nepárové tagy nemají svůj obsah.
Atribut - nastavuje tagu nebo jeho obsahu určité vlastnosti. Zapisuje se společně s tagem za něj do hranatých závorek.
Hodnota atributu - je to hodnota proměnné, která se zapisuje za atribut do uvozovek. Hodnotou atributu nastavujeme vlastnosti tagu nebo jeho obsahu.
Element - takto se nazývá tag i jeho obsah dohromady. Vypadá to asi takto: <tag atribut="hodnotaatributu" dalšíatribut="jehohodnota">Obsah tagu</konečnáznačkatagu> Pokud chcete začít programovat www stránky pomocí HTML, je nutné se naučit takovou základní srukturu HTML dokumentu. Je zde: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>...titulek stránky...</TITLE>
</HEAD>
<BODY>
.............
Vlastní tělo HTML dokumentu
.............
</BODY>
</HTML> Teď si tento zdroj rozebereme. Jak již jsme si řekli, některé tagy jsou párové, některé ne.
<HTML> je párový tag (končí </HTML>), kterým se ohraničuje HTML dokument.
<HEAD> je párový tag (končí </HEAD>), který ohraničuje hlavičku HTML dokumentu. Nic, co je vloženo do hlavičky dokumentu, není ve výsledku vidět.
<BODY> je párový tag, který ohraničuje tělo dokumentu. Vše, co je vloženo do těla HTML dokumentu, je zobrazováno. Tag body má ještě několik atributů, které nastavují výsledný vzhled HTML dokumentu. Zde je jejich seznam: - bgcolor - nastavuje barvu pozadí dokumentu.
- background - umožňuje nastavit obrázek na pozadí.
- text - nastavuje standardní barvu textu.
- link - nastavuje barvu hypertextových odkazů.
- alink - nastavuje barvu právě vybraného hypertextového odkazu.
- vlink - nastavuje barvu již navštíveného hypertextového odkazu.
Při vložení např. tohoto řádku do vašeho kódu: <BODY BACHGROUND="images/obrazek.gif" TEXT="black"LINK="red" VLINK="green" ALINK="blue"> docílíme toho, že na pozadí vaší stránky bude obrázek obrazek.gif (lze používat obrázky jen ve formátu *.gif, *.jpg nebo *.png), text bude mít černou barvu (black), naše odkazy budou mít červenou barvu (red), již navštívené odkazy budou mít zelenou barvu (green) a právě vybrané odkazy budou mít modrou barvu (blue). Na závěr ještě řeknu, že dnes se již při tvorbě designu používá spíše CSS (Cascading Style Sheets nazývané také Kaskádové styly). Pomocí CSS lze stejně dobře nastavit barvu pozadí nebo např. obrázek na pozadí. |
autor@petr-kral.com
![[petrdrhlik.ic.cz] - Výměna ikonek a odkazů Petra Drhlíka](http://www.petr-kral.com/images//banner88x31-2.jpg)
