Základní struktura HTML dokumentu

Důležitá poznámka:
při psaní HTML dokumentu vynechte mezeru za první závorkou tagů (značek)!
např. <HTML> ,<HEAD> atd.


Struktura HTML dokumentu je neměnná a je dána takto:

< HTML >

uvozuje vlastní HTML dokument,

< HEAD >

uvozuje hlavičku dokumentu.

< TITLE >Název dokumentu< /TITLE >

Uvnitř tohoto tagu je uveden název (titulek) www stránky, který je zobrazen v horní liště www prohlížeče. Bude uveden v historii navštívených stránek a někdy je podle něj dokument nalezen vyhledávačem www stránek. Tag META není povinný:

< META NAME="description" CONTENT="stručný popis obsahu stránky">

pro vyhledávače www stránek,

< META NAME="keywords" CONTENT="seznam, klíčových, slov">

pro vyhledávače www stránek,

< META HTTP-EQUIV="refresh" CONTENT="počet_sekund; URL=následující.html">

vytvoření automatické sekvence nebo smyčky HTML stránek,
podrobnosti o hlavičce

< /HEAD >

ukončuje hlavičku dokumentu,

< BODY

začátek těla HTML dokumentu, uvedené atributy nejsou povinné:

BACKGROUND="obrázek.jpg"

adresa obrázku, který tvoří pozadí stránky,

BGCOLOR="#rrggbb"

nastavuje barvu pozadí stránky, formát #ff0055 - hexadecimální cifry 0,1,...,9,a,b,c,d,e,f.

TEXT="#rrggbb"

nastavuje barvu textu stránky,

LINK="#rrggbb"

nastavuje barvu ještě nenavštíveného odkazu,

VLINK="#rrggbb"

nastavuje barvu již navštíveného odkazu,

ALINK="#rrggbb"

nastavuje barvu právě aktivovaného odkazu,

>

...

Samotný obsah www stránky

...

< /BODY >

konec těla HTML dokumentu,

< /HTML >

ukončuje HTML dokument. Příklad:
< HTML >
< HEAD >
< TITLE >Výuková stránka HTML pro studenty středních škol.< /TITLE >
< META NAME="description" CONTENT="Výuková stránka HTML pro studenty středních škol.">
< META NAME="keywords" CONTENT="HTML, výuka, střední škola, gymnázium">
< META HTTP-EQUIV="refresh" CONTENT="20; URL=obsah.html">
< /HEAD >
< BODY BACKGROUND="obrazek.jpg" BGCOLOR="#000000" TEXT="#FF00FF" LINK="#AA0000" VLINK="#BB0000" ALINK="#D6D600">
Vítejte na výukové stránce HTML pro studenty středních škol!
< /BODY >
< /HTML >
Konec příkladu. Takhle to vypadá Začátek
Další
Předchozí