Pro naše učení základů nám bohatě postačí poznámkový blok, který máte již předinstalovaný ve vašich počítačích. Při zakládání nového HTML dokumentu musíme nejprve definovat v jakém jazyce budeme tento dokumnet psát, ktomu slouží značka <!DOCTYPE html>
Po definování jazyka musíme založit kořenové značky celé stránky. Napíšeme tedy <html>
Před tím, než se pustíme do celkového obsahu stránky, můžeme si definovat jaký vzhled bude naše stránka mít.
Přidáme značku <head>
Uvnitř těchto značek se nachází celková definice stránky, například jaké bude mít stránka pozadí, nebo jakou má mít nadpis velikost.
(Nezapomínejme na to, že většina značek je párových, tudíž musí mít počáteční i uzavírací značku, více zde)
Seznam párových značek naleznete zde
Vzhled stránky zatím upravíme tak, že si nastavíme celkový nadpis stránky
K tomu nám poslouží párová značka <title>, kterou vložíme mezi značky <head>
Kód:
Výsledek:
Po uzavření značky </head> rovnou můžeme napsat počáteční značku těla/obsahu stránky, tudíž <body>
Aby jsme viděli, že nám stránka funguje, napíšeme pozdrav do elementu <body>
Po napsání obsahu můžeme uzavřít element <body> a po něm rovnou i kořenový element <html>
!!Všechny párové značky musí být ukončené!!
Nyní musíme soubor náležitě uložit. Zvolíme "soubor", "uložit jako".
Hlavní částí je však přípona, po napsání jména musíte připojit příponu a to ve tvaru ".html". Díky této příponě internetový prohlížeč rozpozná o jaký druh souboru se jedná a jak ho má interpretovat.
Po tom co se nám soubor uloží, stačí když klikneme na tento soubor pravým tlačítkem, zvolíme "otevřít v programu" a vybereme oblíbený prohlížeč, nejistější je prohlížeč Google Chrome či Mozilla Firefox
Pokud jste všechny tyto body splnily, měla by se vám ukázat stránka s textem "ahoj :D".
Nyní už umíme založit HTML dokument, v dalších dílech se již začneme učit základní značky