<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>
<html>
<head>
<title>Váš libovolný titulek</title>
</head>
<body>
Veškerý obsah stránky (tzv. tělo – z anglického body)
</body>
</html>
Takhle by měla vypadat správná struktura stránky vyvýjené začátečníkem. Všechny tagy obsažene ve struktůře si v tomto článku popíšeme.
První řádek – <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”> – označuje, ve kterém programovacím jazyku je Vaše stránka napsána. V našem případě to je HTML (v jeho poslední verzi – 4.01). HTML je pro začátečníka dostačující avšak pro středně pokročilé doporučuji přejít na mnohem modernější a v současnoti vyvýjené XHTML. Tím se však tento seriál nezabývá…
Druhý řádek – <html> – označuje začátek stránky…
Třetí řádek – <head> – označuje začátek hlavičky. Do hlavičky se dávají kromě zde uvedeného titulku, také různé informace pro vyhledávače například jméno autora.
Čtvrtý řádek (začátek) - <title> – označuje začátek titulku. Titulek je vidět v prohlížeči (obvykle vlevo nahoře), a už by z něj měla jít nějaká informace, kzterá by Vašim čtenářům napověděla, čím se Vaše prezentace vlastně zabývá. Čtvrtý řádek (konec) - </title> – označuje konec titulku…
Pátý řádek – </head> – označuje konec hlavičky…
Šestý řádek – <body> – označuje začátek těla (veškěrého obsahu)…
Sedmý řádek – (…) – může být jakýkoliv obsah…
Osmý řádek – </body> – označuje konec těla…
Devátý řádek – </html> – označuje konce dokumentu…
Do hlavičky, jak už bylo zmiňováno, je možné vložit i více než titulek. O tom ,,více” si povíme teď. Můžete tam zapsat takzvaná metadata. Zde máte jeden pár:
<meta name=”author (označuje druh obsahu)” content=”Vaše jméno (obsah)”>
<meta name=”e-mail” content=”Váš email (riziko napadení spamovacími roboty)”>
Takovýchto metadat je spousta a začátečníka je zbytečné jimi zatěžovat. Určitě však nedoporučuji vynechávat hlavičku.
Doufám, že sem Vám tímto článkem srozumitelně popsal základní strukturu stránky, a už víte čím začít. To by bylo dnes už všechno, a zase někdy u dalšího pokračovaní :)…
PS: další díl by měl být o hypertextových odkazech, bez nichž by hypertext vlastně nebyl hypertextem.