Struktura dokumentu

Zßkladnφ znaΦky vymezujφcφ oblasti HTML souboru.

Tag V²znam Pßrov² V²skyt
html zaΦßtek HTML dokumentu ano na zaΦßtku souboru
head hlaviΦka strßnky ano na zaΦßtku souboru
body t∞lo strßnky + definice pozadφ ano za <head>
<!-- --> poznßmka ano kdekoliv 
!doctype specifikace DTD ne ·pln∞ na zaΦßtku souboru

html

ZaΦφnß a konΦφ cel² dokument. Ve╣ker² dal╣φ obsah musφ b²t uvnit°. Jednß se o znaΦku nepovinnou, v∞t╣ina prohlφ╛eΦ∙ si ji domyslφ. Pokud ale chcete mφt soubory v souladu s normou, <html> tag pou╛φvejte.

Tag html nemß ╛ßdnΘ atributy.

head

HlaviΦka dokumentu, kterß se nezobrazuje. Obsahuje nepovinn∞ dal╣φ tagy (title, meta, link, style, script aj.). Pokud v hlaviΦce pou╛ijete prost² text, v n∞kter²ch prohlφ╛eΦφch se zobrazφ na zaΦßtku strßnky!

Tag head nemß ╛ßdnΘ atributy.

body

T∞lo dokumentu. Obsahuje ve╣ker² zobrazovan² obsah strßnky.

Atributy tagu <body>
Atribut tagu <body> V²znam Hodnoty
bgcolor barva pozadφ barva
background obrßzek pozatφ URL obrßzku
text barva pop°edφ (textu) barva
link barva nenav╣tφven²ch odkaz∙ barva
vlink barva nav╣tφven²ch odkaz∙ barva
alink barva klikan²ch odkaz∙ (a pod tabulßtorem) barva
bgproperties posouvßnφ obrßzkovΘho pozadφ scroll | fixed
scroll rolovßnφ t∞la (rad∞ji nem∞≥te) yes | no
leftmargin lev² okraj pixely
topmargin hornφ okraj pixely
rightmargin prav² okraj (ne v NN) pixely
bottommargin spodnφ okraj (ne v NN) pixely
marginwidth lev² a prav² (pouze NN) pixely
marginheight hornφ a spodnφ (pouze NN) pixely
+ obecnΘ atributy

P°φklad: <body background="obrazek.gif" bgcolor="yellow" text="blue" link="green" vlink="olive" alink="#FF0000">

Zadßvßnφ barev pomocφ atribut∙ tagu body je zastaralΘ. DoporuΦuji barvit dokument pomocφ CSS styl∙, nap°.: <body style="color: yellow; background-image: URL('obrazek.gif')">

<!-- poznßmka -->

V╣echno, co je v HTML souboru obaleno znaΦkami <!-- a -->, je pova╛ovßno za poznßmku a nezobrazuje se. <!-- je tedy zaΦßtek poznßmky, --> jejφ konec. T°i zßludnosti:

!doctype

Specifikace DTD. Pφ╣e se ·pln∞ na zaΦßtek souboru, je╣t∞ p°ed znaΦku <html>. Nenφ nutnΘ to d∞lat, ale podle standardu znaΦkovacφch jazyk∙ SGML a XML je vhodnΘ strukturovanou formou °φci, ╛e tento dokument je HTML dokument; navφc se udßvß verze HTML, kterΘ to odpovφdß. V²znam to bude mφt v budoucnu, a╛ se budou dokumenty zpracovßvat vφce automaticky.

Syntaxe je pon∞kud podivnß. Omezφm se na pßr p°φklad∙:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN">

Na mφst∞ °et∞zce "strict" se n∞kdy u╛φvajφ °et∞zce "draft" nebo "final". Pokud nemßte syntaxi souboru zkontrolovanou parserem podle p°φslu╣nΘho DTD, rad∞ji <!doctype> v∙bec nepou╛φvejte.

P°φklad

Klasick² HTML soubor mß vypadat takto:

<!doctype HTML public "-//W3C//DTD HTML 3.2//en">
<html>
<head>
obsah hlaviΦky
</head>
<body>
obsah t∞la
</body>
</html>

Pφ╣e Yuh∙
dusan@pc-slany.cz
mail formulß°em
Jak psßt web O tvorb∞, ·dr╛b∞ a zlep╣ovßnφ internetov²ch strßnek.

Zßklady HTML CSS FrontPage Hledßnφ

HTML p°φruΦka

HTML jazyk

Syntaxe

Terminologie

URL

Barvy

DΘlky

ZnakovΘ entity

Nejd∙le╛it∞j╣φ tagy

ObecnΘ atributy

HTML tagy

Struktura

┌prava textu

Bloky

Seznamy

Odkazy

Obrßzky

Tabulky

Rßmy

Objekty

Formulß°e

HlaviΦka

Skripty a styly

Roz╣φ°enφ

Hledßnφ


Roz╣φ°enΘ

Rejst°φk tag∙

 

HTML  p°φruΦka http://dusan.pc-slany.cz/internet/html/

Pφ╣e Yuh∙: autorova strßnka, mail: dusan@pc-slany.cz