HTML a tvorba WWW strßnek

HTML a tvorba WWW strßnek - 2. lekce
24.Φervna 1998 xskrivan@fi.muni.cz

2.1 Zßkladnφ kostra HTML

HTML dokument je ulo₧en v souboru .htm nebo .html (viz 1.lekce) a jeho zdrojov² k≤d se sklßdß ze dvou zßkladnφch Φßstφ:

hlaviΦky dokumentu, kde je v∞tÜinou definovßno, jak se strßnka jmenuje
t∞la dokumentu, co₧ je vlastnφ obsah a nßpl≥ WWW strßnky

Zßkladnφ kostru HTML dokumentu, kterou je t°eba v₧dy dodr₧et, ukazuje nßsledujφcφ tabulka:

<html> <head> <title> Nßzev strßnky </title> </head> <body [ atributy="hodnoty" ] ... > vlastnφ obsah www strßnky </body> </html>

2.2 HlaviΦka

<html>
Pßrov² tag ohraniΦuje cel² HTML dokument. Je prvnφ uvedenou HTML znaΦkou, a jeho koncovß znaΦka je naopak poslednφ uvedenou HTML znaΦkou.

<head> <title>
Pßrov² tag definuje hlaviΦku HTML dokumentu. V hlaviΦce dokumentu jsou informace nap°. pro server, vyhledßvaΦe. B∞₧n² u₧ivatel v hlaviΦce definuje pouze nßzev strßnky, ten se zobrazφ v hornφ liÜt∞ windowskΘho okna prohlφ₧eΦe. Nßzev strßnky se uzavφrß do tagu <title> nßzev strßnky </title> . Podφvejte se, tato strßnka mß nßzev "V²uka HTML - 2. lekce".

2.3 T∞lo WWW strßnky

<body>
Pßrov² tag, kter² ohraniΦuje vlastnφ obsah www strßnky, kter² se zobrazuje v hlavnφm okn∞ prohlφ₧eΦe. V tagy <body> lze nastavit n∞kolik atribut∙, kterΘ budou ovliv≥ovat vzhled strßnky:

background="url grafiky" - °φkßte, jak² grafick² obrßzek se mß pou₧φt pro pozadφ strßnky
bgcolor="barva" - jakß barva se pou₧ije pro pozadφ (pro ty, kte°φ majφ vypnutou grafiku)
link="barva" - jakß bude barva hypertextovΘho odkazu
vlink="barva" - jakß bude barva ji₧ navÜtφvenΘho hypertextovΘho odkazu
alink="barva" - jakß bude barva aktivnφho hypertextovΘho odkazu, tj. na kter² jste najeli myÜφ a zrovna klikli

P°φklad pou₧itφ tagu <body> :

<body background="pozadi.gif" bgcolor="white" link="red" vlink="navy" alink="silver">

2.4 P°φklad

<html> <head> <title> Programovacφ jazyky </title> </head> <body bgcolor="silver" link="navy"> Strßnka se v∞nuje problematice <br> vzniku a v²voje programovacφch jazyk∙. </body> </html>

V t∞le strßnky se mohou pou₧φvat vÜechny HTML znaΦky pro zßkladnφ struktury HTML dokumentu, nenφ dovoleno pou₧φvat tagy, kterΘ byly v²Üe uvedeny, tj. html, head, title, body.

Shrnutφ:

Celß HTML strßnka je ohraniΦena tagy <html> a </html>
HTML strßnka se sklßdß z hlaviΦky a vlastnφho t∞la
Pro definici hlaviΦky se pou₧ivß pßrov² tag <head>
Pro definici vlastnφho t∞la strßnky se pou₧φvß tag <body>
V tagu <body> lze definovat hodnoty atribut∙ urΦujφcφch primßrnφ vzhled strßnky

[Zp∞t] [Zm∞na k≤dovßnφ]