HTML úvod
HTML je štandardný značkovací jazyk na vytváranie webových stránok.
Čo je to HTML?
- HTML je skratka pre Hyper Text Markup Language
- HTML je štandardný značkovací jazyk na vytváranie webových stránok
- HTML popisuje štruktúru webovej stránky
- HTML pozostáva zo série prvkov
- HTML elementy hovoria prehliadaču, ako má zobraziť obsah
- Prvky HTML označujú časti obsahu, ako napríklad „toto je nadpis“, „toto je odsek“, „toto je odkaz“ atď.
Čo je to HTML element?
Vysvetlenie príkladu
- Deklarácia <!DOCTYPE html> definuje, že tento dokument je dokument HTML5
- Prvok <html> je koreňový prvok stránky HTML
- Element <head> obsahuje meta informácie o HTML stránke
- Element <title> určuje názov stránky HTML (zobrazuje sa v záhlaví prehliadača alebo na karte stránky)
- Element <body> definuje telo dokumentu a je kontajnerom pre všetok viditeľný obsah, ako sú nadpisy, odseky, obrázky, hypertextové odkazy, tabuľky, zoznamy atď.
- Element <h1> definuje veľký nadpis
- Element <p> definuje odsek
Čo je to prvok HTML?
Prvok HTML je definovaný počiatočnou značkou, určitým obsahom a koncovou značkou:
<tagname> Obsah patrí sem... </tagname>
Prvok HTML je všetko od počiatočnej značky po koncovú značku:
<h1>Môj prvý nadpis</h1>
<p>Môj prvý odsek.</p>
| Počiatočná značka | Obsah prvku | koncová značka |
|---|---|---|
| <h1> | Môj prvý nadpis | </h1> |
| <p> | Môj prvý odstavec | </p> |
| <br> | žiadny | žiadny |
Poznámka: Niektoré prvky HTML nemajú žiadny obsah (napríklad prvok <br>). Tieto prvky sa nazývajú prázdne prvky. Prázdne prvky nemajú koncovú značku!
Webové prehliadače
Účelom webového prehliadača (Chrome, Edge, Firefox, Safari) je čítať HTML dokumenty a správne ich zobrazovať.
Prehliadač nezobrazuje značky HTML, ale používa ich na určenie spôsobu zobrazenia dokumentu: Štruktúra stránky HTML Nižšie je vizualizácia štruktúry stránky HTML:
Štruktúra stránky HTML
Nižšie je vizualizácia štruktúry stránky HTML:
Poznámka:Obsah v sekcii <body> (biela oblasť hore) sa zobrazí v prehliadači. Obsah v prvku <title> sa zobrazí v záhlaví prehliadača alebo na karte stránky.
História HTML
Od prvých dní World Wide Web existuje veľa verzií HTML:
| Rok | Verzia |
|---|---|
| 1989 | Tim Berners-Lee vynašiel www |
| 1991 | Tim Berners-Lee vynašiel HTML |
| 1993 | Dave Raggett navrhol HTML+ |
| 1995 | HTML Working Group definované HTML 2.0 |
| 1997 | Odporúčanie W3C: HTML 3.2 |
| 1999 | Odporúčanie W3C: HTML 4.01 |
| 2000 | Odporúčanie W3C: XHTML 1.0 |
| 2008 | Prvý verejný návrh WHATWG HTML5 |
| 2012 | Životný štandard WHATWG HTML5 |
| 2014 | Odporúčanie W3C: HTML5 |
| 2016 | Odporúčanie kandidáta W3C: HTML 5.1 |
| 2017 | Odporúčanie W3C: HTML5.1 2. vydanie |
| 2017 | Odporúčanie W3C: HTML5.2 |
Tento návod sa riadi najnovším štandardom HTML5.