Základy stránky
Syntax stránky
Vytváranie HTML šablóny
Ak chceme začať tvoriť HTML dokumenty potrebujeme k tomu nejaký program. Jeden z najpoužívanejších je notepad ale je tu aj mnoho komerčných ako napríklad Dreamweaver, FrontPage,PSpad ale aj tak vám doporučím na začiatok používať notepad pretože sa nachádza v každom počítači s operačným systémom Windows a zároveň si budete precvičovať kódy a budete ich vedieť naspamäť čo je celkom dôležité. HTML stránky majú príponu .htm alebo .html.Šablóna HTML stránky je základ, čo musí každá stránka obsahovať na to aby prehliadač vedel že ide naozaj o webovú stránku. Táto šablóna sa doplňuje rôznymi značkovými a kontajnerovými elementmi. Šablónu tvoria elementy, ktoré nazývame dokumentové elementy čiže tagy(tags).
HTML musí obsahovať dve časti. Jednou časťou je hlavička(head) a telo(body). Hlavička dokumentu obsahuje informácie pre webové prehliadače ako napríklad titulok stránky, mety, meno autora atď.
Hlavičku HTML dokumentu zapisujeme:
<head>
</head>
Druhá časť je telo. Všetko čo má byť určené pre návštevníkov stránky je uložené v tele. Do tela pridávame pomocou elementov texty, obrázky, multimédia a mnoho ďalších vecí. Telo zapisujeme hneď po skončení hlavičky.
Telo HTML dokumentu zapisujeme:
<body>
</body>
Ale to ešte nieje všetko hlavička a body musia byť uzatvorené v elemente <html>, ktorý povie prehliadaču, že sa jedná o webovú stránku. Dnes je ale HTML už zastaralé a používame namiesto toho XHTML to znamená, že pridáme k našemu elementu <html> doplňujúci kód ktorý zmení stránku z HTML na XHTML:
<html xmlns=''http://www.w3.org/1999/xhtml">
Každý XHTML dokument by mal byť definovaný ako DTD(document type definition). DTD sa nachádza vždy na začiatku HTML dokumentu a definuje jazyk a štandardy ktoré stránka používa. Definícia ktorú si ukážeme je XHTML Transitional. Atribút PUBLIC určuje DTD a jazyk stránky English (EN). Nastavenie EN sa píše vždy aj vtedy ak je stránka v inom jazyku napríklad slovenčine. Za ním nasleduje URL definičného DTD súboru vytvoreného W3C.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=''http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
</body>
</html>
Tak takto vyzerá šablóna HTML dokumentu. Ďalej si preberieme hlavičku a telo konkrétnejšie. Doporučil by som vám uložiť túto šablónu niekde na váš počítať, a za každým keď budete chcieť začať robiť stránku ušetríte čas.
Nezabudnite si to uložiť ako napríklad sablona.html alebo sablona.htm.
