13. Vytváření webových stránek značkovací jazyk HTML, základní členění dokumentu, odkazy, tabulky, seznamy, obrázky, HTML editory
Značkovací jazyk HTML HTML - Hypertext markup Language (hypertextový značkovací jazyk) je značkovací jazyk sloužící k vytváření jednoduchých www stránek. Používá „tagy“, což jsou defnované značky, pomocí kterých určuje strukturu a vzhled dokumentu. HTML je standard defnovaný organizací W3C, jako náhrada za něj (respektve jako jeho implementace v XML) vzniklo XHTML.
Základní členění dokumentu Klasický HTML soubor může vypadat takto: obsah hlavičky obsah těla
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 W3C, tag používejte. Tag html nemá žádné atributy.
head Hlavička dokumentu, která se nezobrazuje. Obsahuje nepovinně další tagy (ttle, 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. Všechny níže zmíněné atributy tagu body (vyjma obecných) jsou zastaralé a nahrazují se využitm CSS vlastnost nastavených pro tag body (doporučené CSS vlastnost uvádím v pravém sloupci tabulky). Atributy tagu
Význam
Hodnoty
CSS náhrada pro body
bgcolor
barva pozadí
barva
background-color
background
obrázek pozadí
URL obrázku
background-image
1/5
text
barva popředí (textu)
barva
background-color
link
barva nenavštvených odkazů
barva
a:link {color: …}
vlink
barva navštvených odkazů
barva
a:visited {color: …}
bgpropertes
posouvání obrázkového pozadí
scroll | fxed
backgroundatachment
scroll
rolování těla
yes | no
overfow
lefmargin
levý okraj
px
margin-lef
topmargin
horní okraj
px
margin-top
rightmargin
pravý okraj
px
margin-right
botommargin
spodní okraj
px
margin-botom
marginwidth
levý a pravý
px
margin
marginheight
horní a spodní
px
margin
+ obecné atributy (htp://www.jakpsatweb.cz/html/obecne-atributy.html)
Všechno, co je v HTML souboru obaleno značkami , je považováno za poznámku a nezobrazuje se. její konec. Poznámkám se také říká "komentáře". Pomocí poznámek určitého tvaru se dá dosáhnout nestandardního chování Internet Exploreru. Říká se tomu conditonal comments, podmíněné komentáře.
!doctype Specifkace DTD. Píše se úplně na začátek souboru, ještě před značku . 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 automatcky. Syntaxe je poněkud podivná. Omezím se na pár příkladů: Na místě řetězce "strict" se někdy užívají řetězce "draf" nebo "fnal". Pokud nemáte syntaxi souboru zkontrolovanou parserem podle příslušného DTD, raději do nepište vůbec nic než html (viz poslední příklad). Hlavní funkcí !doctype je dnes přepínání zobrazovacích modů CSS. Jinak řečeno podle doctype se určuje, ve kterém prohlížeči se budou jak počítat šířky a velikost písma. Je to velmi pošahaná a nepříjemná situace, která vznikla historickým vývojem. O přepínání módů prohlížečů.
2/5
Odkazy, tabulky, seznamy, obrázky Odkazy
Odkaz (z angl.anchor). Vše, co je mezi značkami a bude sloužit jako odkaz (tzn. bude klikatelné). Např.
Hlavní stránka se zobrazí jako klikatelný nápis Hlavní stránka. Uvnitř elementu se může objevit skoro cokoliv (např. obrázek, který tak bude celý sloužit jako odkaz). Uvnitř odkazu nesmí být : • další odkaz (tag
), • formulář (tag 
