HTML (HyperText Markup Language - HyperTextový značkovací jazyk) je jazyk pro psaní webových stránek. Značkovací proto, protože se skládá z tzv. značek (tagů, elementů). Značka vypadá takto <ZNACKA>. V tomto seriálu vás postupně HTML naučím, a to verzi 4.01.
Jako při učení jakéhokoli počítačového jazyka si nejdříve ukážeme, jak napsat prostý text Ahoj světe. Otevřete si Poznámkový blok (Nabídka Start > Všechny programy > Příslušenství) a napište do něj následůjící kód:
Toto uložte jako Ahoj světe.html. Můžete si všimnout, že uložený soubor má ikonku vašeho prohlížeče. Otevřete ho, otevře se vám prohlížeč se stránkou, ve které je napsáno Ahoj světe a její nadpis je Moje první stránka. První stránku v HTML už máte za sebou.
Na prvním řádku je zapsána deklarace HTML, aby prohlížeč věděl, v jaké verzi HTML má stránku zobrazit. Na dalším řádku je začínající značka <html> a po ní začínající značka hlavičky <head>. Hlavička obsahuje dvě značky. První je <meta>, ve které je zápsáno kódování stránky (co to je zatím nepotřebujete vědět). Druhá je <title>, ve které je zapsán nadpis stránky (v tomto případe Moje první stránka). Následuje ukončovací značka </head> a začínající značka těla stránky <body>. V těle je obsah stránky, který se zobrazí. V našem případě je to odstavec <p> s textem Ahoj světe!. Následuje zakončení těla </body> a stránky </html>.
I přesto, že Poznámkový blok vám může připadat dostatečný, rozsáhlý kód v něm bude nepřehledný. Doporučuji vám český PSPad editor. V něm je barevně zvýrazněna syntaxe (značky, vlastnosti ...) a automaticky se v něm dokončují závorky a uvozovky. Navíc v něm lze editovat soubory přes FTP, ale o tom až příště.
Dnes jsme si ukázali, jak napsat jednoduchou stránku. Příště si ukážeme, jak ji publikovat na internetu, aby si ji mohli prohlédnout i ostatní.
Akorát by jsi nemusel dávat ty mezery a háčky do názvu souborů.
Při nahrávání na hosting, to natvrdlejší část obyvatelstva nechápe.. :shock: