Seznámení s HTML
HTML je zkratka z Hypertext Markup Language. Jedná se o značkovací jazyk, který slouží k tvorbě struktury webových stránek. Značkovací jazyk je charakterizován značkami a vlastnostmi – jak se mají jednotlivé části textu zobrazovat (například jakou mají mít barvu, velikost, zda má být text odsazený atd.). HTML slouží k publikaci dokumentů na internetu. Jednotlivé internetové stránky jsou propojené hypertextovými odkazy (po kliknutí nás tento odkaz přesměruje na danou stránku). Soubory mají přípony *.html nebo *.htm.
Značkování
Značky určují formu textu HTML. Všechny tagy jsou uzavřeny
v ostrých závorkách.
zápis: <tag>
Tagy dělíme na párové a nepárové. Párové tagy se vyskytují v párech –
první tag něco začíná a druhý to končí. Uzavírací tag poznáme podle toho, že
obsahuje lomítko.
zápis: <tag> </tag>
Na rozdíl od párových tagů tagy neprárové uzavírací tag nemají. Příkladem je
tag pro zalomení <br>. Neexistuje: </br>.
Příklady tagů:
- Párové
| <p> </p> | odstavec |
| <h1> </h1> | nadpisy (h1-h6) |
| <a href= “odkaz“> </a> | odkaz |
| <center> </center> | vycentrování |
| <div> </div> | oddíl |
- Nepárové
| <img src=“umístění“ alt=“popisek“> | obrázek |
| <br> | zalomení textu |
| <frame> | orámování |
| <hr> | vodorovná čára |
| <input> | Vstupní pole |
Základní syntaxe
Nezáleží na velikosti písma: <body> je totéž co <BODY>. Na velikosti písma záleží pouze v adresách a jménech souborů. Tagy musí prohlížeč znát, jinak je nepřečte a chová se, jako by tam nebyly. Na začátku tagu nesmí být mezera < br> – špatně. Větší počet mezer za sebou mají stejný význam jako jedna. Konec řádku ve zdroji je chápáno jako mezera.
Struktura
Jako první je potřeba určit typ
dokumentu a deklarovat ho – sdělujeme tím, co bude dokument zpracovávat, jedná
se o nepárový tag.
zápis: <!doctype html>
Za tagem označujícím typ dokumentu se nachází značka začátku html dokumentu.
Jedná se o párový tag. Veškerý obsah dokumentu se nachází mezi těmito tagy.
zápis: <html> </html>
Následuje hlavička (head) stránky. Hlavička se nachází v horní části dokumentu,
na stránce se nezobrazuje. Značí se párovým tagem. Při použití prostého textu v
hlavičce se zobrazí na začátku stránky.
zápis: <head> </head>
Tělo (body) dokumentu obsahuje veškerý zobrazovaný obsah stránky.
K nastavování vlastností se používají kaskádové styly (CSS).
zápis: <body> </body>
Tvorba k zjednodušení tvorby HTML dokumentu lze používat editory. Tyto editory se dělí na grafické (Adobe Dreamweaver, Kompozer, Microsoft Web Expression) a textové (PSPad, Notepad++, EasyPad) .
K zobrazení HTML dokumentů slouží prohlížeče – například: Google Chrome, Internet Explorer, Opera.