HTML5 je značkovací jazyk, ktorý sa používa na písanie stránok, ktoré sa zobrazujú na webe. Vyplýva z pravidiel, ktoré sa vám na prvý pohľad zdajú zrejmé. V HTML5 však potrebujete vedieť len pár vecí, aby ste mohli začať písať HTML dokument, ktorý môžete urobiť v akomkoľvek programe na spracovanie textu.
Otváracie a záverečné značky
Len s niekoľkými výnimkami sú všetky pokyny nazývané tagy v pároch. Otvárajú a zatvárajú v HTML5. Všetko medzi otváracou značkou a záverečnou značkou sa riadi pokynmi danými otváracou značkou. Jediný rozdiel v kódovaní je pridanie lomítka v záverečnej značke. Napríklad:
Titulka sa vydáva sem
Dve značky tu ukazujú, že všetok obsah medzi týmito dvoma značkami by sa mal objaviť v hlavičke veľkosti h1. Ak zabudnete pridať záverečnú značku, všetko, čo nasleduje po úvodnej značke, sa zobrazí vo veľkosti nadpisu h1.
Základné značky v HTML5
Základné prvky potrebné pre dokument HTML5 sú:
- doctype
- HTML
- hlava
- telo
Vyhlásenie doctype nie je tag. Informuje počítač, že na ňu prichádza kód HTML5. To sa nachádza v hornej časti každej stránky HTML5 a má tento formát:
Značka HTML informuje počítač o tom, že všetko, čo sa objavuje medzi úvodnou a záverečnou značkou, sa riadi pravidlami HTML5 a malo by sa interpretovať podľa týchto pravidiel. V rámci značky značku a značku zvyčajne nájdete.
Tieto značky poskytujú štruktúru pre váš dokument, poskytujú prehliadačom niečo známe a ak ste niekedy prepínali dokumenty do XHTML, vyžadujú sa v tejto verzii jazyka.
Značka pre hlavu je dôležitá pre SEO alebo optimalizáciu pre vyhľadávače. Písanie dobrého názvu značky je najdôležitejšia vec, ktorú môžete urobiť, aby ste prilákali čitateľov na vašu stránku. Nezobrazuje sa na stránke, ale zobrazuje sa v hornej časti prehliadača. Keď napíšete názov, použite kľúčové slová, ktoré sa vzťahujú na stránku, ale nechajte ju čitateľnú. Názov sa nachádza vo vnútri štítkov na otváranie a zatváranie.
Značka tela obsahuje všetko, čo vidíte na obrazovke počítača pri otvorení webovej stránky. Takmer všetko, čo píšete pre webovú stránku, sa objavuje medzi otváracou a záverečnou značkou. Dajte tieto základy dohromady a máte:
Vaša hlavná hlava ide tu. Všetko na webovej stránke ide tu. Všimnite si, že každá značka má príslušnú uzatváraciu značku.
Heading Tagy
Nadpisové značky určujú relatívnu veľkosť textu na webovej stránke. Značky h1 sú najväčšie, nasledované veľkostnými značkami h2, h3, h4, h5 a h6. Použijete ich na to, aby ste niektoré z textov na webovej stránke vynikli ako nadpis alebo nadpis. Bez značiek sa všetok text zobrazí rovnakej veľkosti. Nadpisové značky sa používajú takto:
Hlavička pod hlavičkou tu
To je všetko. Môžete nastaviť a napísať webovú stránku, ktorá sa skladá z textu s nadpismi a podtitulmi.
Potom, čo s touto dobou trénujete, budete sa chcieť dozvedieť, ako pridať obrázky a ako zadať odkazy na iné webové stránky. HTML5 je schopný oveľa viac ako táto rýchla základná úvodná obálka.