Tento seriál je určen především pro úplné začátečníky, kteří ještě vůbec neví, jak se taková webová stránka tvoří. Nebudu psát dlouhé předmluvy a rovnou se pustím do výkladu základů.
Internetové stránky se píší ve značkovém jazyce HTML: Značkovém proto, že jeho struktura je tvořena značkami, takzvanými tagy. Jejich zápis je takovýto:
<tag atribut="hodnota">
V jazyce HTML se píše zdrojový kód stránky. Tento kód si internetový prohlížeč „přeloží“ a vykreslí to, co vlastně právě teď vidíte. Zdrojový kód stránky se píše v editoru. Doporučuji Vám PSPad, který je mezi lidmi tvořícími web asi nejrozšířenější díky jeho snadnému ovládáni, pěkně zvýrazněné syntaxi zdrojového kódu a podporou mnoha jazyků, nejen HTML. Zkuste si pak do něj vložit tento kód:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Titulek</title>
</head>
<body>
Nějaký text
</body>
</html>
Toto je taková základní struktura HTML dokumentu, tedy
webové stránky. Vlože si tento kód do svého editoru, uložte jako
soubor.html a otevřete v internetovém prohlížeči… Mě to, co se
zobrazilo, před lety, jako úplného začátečníka opravdu potěšilo
a doufám, že Vás taky. Teď Vám ještě
vysvětlím jednotlivé tagy.
<html>
tímto tagem začíná každá webová stránka. No, ještě předtím se
může psát definice XML, ale tím se nemusíte pro začátek zatěžovat, a
<!DOCTYPE , cože ale není tag, je to element a definuje verzi použitého
HTML a typu DTD. Podrobně si tento tag rozebereme v některých
z příštích dílů.
<head>
Začíná hlavičku dokumentu. Obsah tohoto tagu se na stránce nezobrazuje
<title>
Udává text, který se zobrazí v titulkovém proužku prohlížeče.
<body>
Zde začíná „tělo" dokumentu, to co je uvitře se na stránkce zobrazí.
Jistě jste všímaví čtenáři a všimli jste si, že každý z použitých tagů ma taky svůj ukončovací protějšek se zpětným lomítkem (například: <title> a </title>). Né všechny tagy jsou takto párové, některé se neukončují – například <br>, který zalamuje řádek a je nelogické aby měl nějaký svůj ukončovací protějšek, protože jenom zalomí řádek. Nemá tedy nějaký ohraničený začátek a konec.
Více si zase řekneme příště. Přeji hodně štěstí v začátcích
Hodnocení tutoriálu: 2.5 (hodnotilo 45 uživatelů)