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 |
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.
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.
Tělo dokumentu. Obsahuje veškerý zobrazovaný obsah stránky.
Všechny níže zmíněné atributy tagu body (vyjma obecných) jsou zastaralé a nahrazují se využitím CSS vlastností nastavených pro tag body (doporučené CSS vlastnosti uvádím v pravém sloupci tabulky).
Atribut tagu <body> | Význam | Hodnoty | CSS náhrada pro tag body |
---|---|---|---|
bgcolor | barva pozadí | barva | background-color |
background | obrázek pozatí | URL obrázku | background-image |
text | barva popředí (textu) | barva | color |
link | barva nenavštívených odkazů | barva | a:link {color: ...} |
vlink | barva navštívených odkazů | barva | a:visited {color: ...} |
alink | barva klikaných odkazů (a pod tabulátorem) | barva | a:active {color: ...} |
bgproperties | posouvání obrázkového pozadí | scroll | fixed | background-attachment |
scroll | rolování těla (raději neměňte) | yes | no | overflow |
leftmargin | levý okraj | pixely | margin-left |
topmargin | horní okraj | pixely | margin-top |
rightmargin | pravý okraj (ne v NN) | pixely | margin-righgt |
bottommargin | spodní okraj (ne v NN) | pixely | margin-bottom |
marginwidth | levý a pravý (pouze NN) | pixely | margin |
marginheight | horní a spodní (pouze NN) | pixely | margin |
+ 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: blue; background-image: URL('obrazek.gif')">
nebo ještě lépe v hlavičce dokumentu pomocí tagu style:
<style>
body {color: blue; background-color: yellow; background-image:
URL('obrazek.gif')}
a:link {color: green;}
a:visited {color: olive;}
a:active {color: #FF0000}
</style>
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:
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.
Více informací a příkladů o Doctype.
Klasický HTML soubor může vypadat takto:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
obsah hlavičky
</head>
<body>
obsah těla
</body>
</html>
Jak psát web píše Yuhů, Dušan Janovský. Kontakt. Poslední aktualizace 13. února 2005.