...::: HTML - 1. Lekce :::...

Co je "HTML"?

    HTML - z anglického HyperText Markup Language. Vše co je na Internetu je většinou napsáno v HTML. Existují i jiné jazyky např. PHP, Javascript atd. Tyto stránky jsou napsané pouze v HTML. Některé Servery prostě ostatní jazyky nepodporují.

 

Jak začít?

    K tomu abyste začali programovat své stránky nemusíte umět skoro nic. Postačí vám základní znalosti práce ve WINDOWS. Třeba si vytvořte na disku C: složku MOJE STRÁNKY a do ní udělejte obyčejný textový soubor. Musíte mu ale změnit příponu na html. Takže soubor, který vytvoříte se bude jmenovat třeba stranka.txt a vy jí změňte na stranka.html. Můžete také použít koncovku htm. V podstatě je to jedno. Například tato stránka, kterou si prohlížíte má koncovku htm(mělo by to být vidět i nahoře v liště). Potřebujete také nějaký prohlížeč. Třeba MSIE(Microsoft Internet Explorer(Explorer = Průzkumník)) je poskytován zdarma, je tedy FREEWARE.

 

Začínáme...

    Nyní už máme na disku soubor, který je úplný základ. Na soubor klepněte pravým tlačítkem myšáka a zvolte otevřít v programu > Poznámkový Blok. Teď se vám zobrazila stránka ale pouze v "editačním" režimu. Pokud na ikonku vašeho souboru poklepete levým tlačítkem myšáka, otevře se ve výchozím prohlížeči. Zatím neuvidíte nic, ve stránce totiž ještě nejsou žádná data, kterými by se ,,Průzkumník" řídil. Přepněte tedy zpět do editačního režimu a napište do souboru toto:

 

<html>

<head>

<title>Moje první stránka</title>

</head>

<body>

<h1>Můj první velký nadpis</h1>

<br> <br>

<p>A nějaké další texty. bla bla bla</p>

</body>

</html>

    Uložte to a zobrazte to v Průzkumníkovi. Nebo také stačí otevřít Průzkumníka, ve kterém je načtena prázdná stránka a zmáčknout klávesu F5. Stránka se znovu načte a měla by vypadat takto.

 

"Tagy" použité v této stránce...

    Tak nejprve co je to ten TAG? TAG je například to <head> </head>. Všechno co je na stránce určují právě tyto TAGy. Podle nich se řídí Průzkumník. Nejdůležitější TAG je <html> a </html>. Některé TAGy nemusejí mít na konci tu část kde se píše "/". Ty které to mít musejí se nazývají PÁROVÉ. Ty které nemusejí naopak NEPÁROVÉ.

<html> a </html> - Nejdůležitější TAG v celé stránce. Bez něj to prostě nejde...

<head> a </head> - Hlavička stránky. Obsahuje různé deklarace. Například může obsahovat barvu pozadí celé stránky atd...

<body> a </body> - Další důležitý TAG. Obsahuje to co je na stránce napsáno atd...

<title> a </title> - Nadpis stránky. Musí být v <head> a </head>.

<h1> a </h1> - Nadpis první úrovně(tedy největší). Postupuje do <h6> a </h6> (ten je logicky nejmenší).

<br> - Náš první nepárový TAG. Něco jako kdyby jste ve Wordu zmáčkli ENTER.

<p> a </p> - Zarovnání textu. Není to moc důležitý TAG. Můžete si například nastavit, aby se text zarovnával doprava, do prostřed nebo doleva.

 

    To je prozatím vše. Další věci se dozvíte v 2.Lekci.