V článku Čo je XHTML sme si povedali, že XHTML je pokračovateľom jazyka HTML a je založený na XML. Rozlišujeme 3 druhy XHTML:
XHTML dokument sa skladá z dvoch základných častí - hlavičky a tela (head a body).
Hlavička stránky vždy začína deklaráciou XML
<?xml version="1.0" encoding="utf-8"?>
a deklaráciou samotného dokumentu.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"https://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
Ďalej by sme mohli jednoducho pokračovať napr. nasledovne
<head>
<title>Titulok stránky</title>
</head>
<body>
Samotné telo stránky.
</body>
</html>
ale to by nám nepostačovalo. Hlavička býva zvyčajne trochu zložitejšia, aj keď sa môžeme stretnúť aj so základom, ktorý tu uvádzame.
Najlepšie bude, ak sa pozrieme na konkrétnu ukážku zdrojového kódu konkrétneho webu. A ako si zobrazíme zdrojový kód iného webu? Stlačením pravého tlačidla myši v tele stránky vyvoláme kontextovú ponuku, v ktorej zvolíme Zobraziť zdrojový kód (view source code). Samozrejme zobraziť zdrojový kód možno aj cez hlavnú ponuku internetového prehliadača. Napr.:
Poďme sa teda spoločne pozrieť na zdrojový kód webovej stránky www.recepty.pre-vas.sk. Zaujímať nás bude hlavička. Pozrime sa na to:
Sami vidíte, že táto hlavička je podstatne zložitejšia. My budeme zo začiatku využívať šablóny, ktoré obsahuje editor PSPad a neskôr si vytvoríme aj vlastnú šablónu.
Samozrejme, keď už budeme mať niečo za sebou, vysvetlíme si podrobnejšie, čo do hlavičky patrí a prečo.
Predpokladám, že editor PSPad máte už nainštalovaný. Spustíme PSPad a v hlavnej ponuke zvolíme Súbor - Nový.
Vyberieme si šablónu XHTML 1.0 Strict utf-8. Samozrejme šablón je veľa, neskôr bude záležať len na vás, ktorú si zvolíte.
Vytvorený dokument si uložíme napr. pod názvom prvy-pokus.html.
Jazyk samozrejme zmeníme na sk, ale to sme mohli spraviť už pri vytváraní dokumentu zošablónu, ak by sme "klikli" na upraviť.
Takýto súbor s kostrou vytvárame iba raz a do jeho kópií potom postupne vkladáme samotný obsah jednotlivých stránok.
Teraz do tela stránky, teda medzi značky <body> </body> napíše text: Ahoj kamarát!
Uložme stránku prostredníctvom klávesovej skratky CTRL+S a otvorme ju v ľubovoľnom internetovom prehliadači. Čo vidíte?
Náš prvý pokus je za nami.V ďalšom článku si predstavíme značky, tagy používané v jazyku XHTML.
—————
—————
—————
—————
Záznamy: 1 - 2 zo 2