|
...::: HTML - 1. Lekce :::... --- 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. 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 z txt 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 html(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: 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> a </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 se nemusejí na konci "uzavírat" tou částí, kde se píše "/". Ty které se tak zakončují se nazývají PÁROVÉ TAGy. Ty které ne, naopak NEPÁROVÉ TAGy. <html> a </html> - Nejdůležitější TAG v celé stránce. Bez něj to prostě nejde... Možnám jde, ale kdo ví :D <head> a </head> - Hlavička stránky. Obsahuje různé deklarace. Například může obsahovat deklaraci barvy pozadí celé stránky atd... <body> a </body>- Další důležitý TAG. Obsahuje to co je na stránce napsáno atd... Je to asi jako "tělo" stránky (body = angllicky tělo> <title> a </title> - Nadpis stránky. Musí být mezi TAGy <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, tedy zalomení řádku... <p> a </p> - Odstavec. 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.... |