V tejto kapitole si ukážeme niekoľko základných príkladov HTML.
Nerobte si starosti, ak používame značky, o ktorých ste sa ešte nedozvedeli.
Všetky dokumenty HTML musia začínať deklaráciou typu dokumentu: <!DOCTYPE html>.
Samotný HTML dokument začína <html> a končí </html>.
Viditeľná časť dokumentu HTML je medzi <body> a </body>.
Deklarácia <!DOCTYPE> predstavuje typ dokumentu a pomáha prehliadačom správne zobrazovať webové stránky.
Musí sa objaviť iba raz, v hornej časti stránky (pred akýmikoľvek značkami HTML).
V deklarácii <!DOCTYPE> sa nerozlišujú veľké a malé písmená.
Deklarácia <!DOCTYPE> pre HTML5 je:
Nadpisy HTML sú definované pomocou značiek <h1> až <h6>.
<h1> definuje najdôležitejší nadpis. <h6> definuje najmenej dôležitý nadpis:
Odstavce HTML sú definované značkou <p>:
Odkazy HTML sú definované značkou <a>:
Cieľ odkazu je uvedený v atribúte href.
Atribúty sa používajú na poskytovanie dodatočných informácií o prvkoch HTML.
Viac o atribútoch sa dozviete v ďalšej kapitole.
HTML obrázky sú definované značkou <img>.
Zdrojový súbor (src), alternatívny text (alt), šírka a výška sú poskytnuté ako atribúty:
Už ste niekedy videli webovú stránku a premýšľali ste: "Hej! Ako to urobili?"
Kliknite pravým tlačidlom myši na stránku HTML a vyberte možnosť „Zobraziť zdrojový kód stránky“ (v Chrome) alebo „Zobraziť zdrojový kód“ (v Edge) alebo podobne v iných prehliadačoch. Tým sa otvorí okno so zdrojovým kódom HTML stránky.
Kliknite pravým tlačidlom myši na prvok (alebo na prázdnu oblasť) a vyberte „Skontrolovať“ alebo „Skontrolovať prvok“, aby ste videli, z ktorých prvkov sa skladajú (uvidíte HTML aj CSS). HTML alebo CSS môžete upravovať aj za behu na paneli Prvky alebo štýly, ktorý sa otvorí.