HTML je jazyk webu. Webové stránky, ktoré si prezeráte vo svojom počítači alebo telefóne, vrátane tohto, sú napísané v jazyku Hypertext Markup Language pomocou takzvaných „značiek HTML“. HTML si môžete predstaviť ako „kód pod kapotou“, ktorý riadi štruktúru webovej stránky.
Nakoniec, keď sa naučíte akýkoľvek nový jazyk, začnete s jednoduchými frázami a budete od nich stavať. Učenie o HTML sa nelíši. Začnete zdokonaľovaním bežných značiek HTML. Toto je ekvivalent učenia sa „jednoduchých fráz“ v hovorenom jazyku. Tieto frázy sa stávajú základným kameňom, na ktorom budujete svoje vedomosti a reč, rovnako ako značky HTML sú základom, na ktorom budete rozvíjať svoje schopnosti vývoja webových aplikácií.
Formát značky HTML
Značku HTML môžete rozpoznať, pretože je obklopená znakmi na začiatku a na konci značky. Medzi týmito dvoma znakmi by bol ďalší text, ktorý definuje, aký druh značky HTML sa píše. Napríklad, ak viete, že „hr“ znamená horizontálne pravidlo (alebo riadok), napíšete to pre značku HTML:
Práve ste napísali značku HTML, ktorá nakreslí vodorovné pravidlo na webovej stránke.
Väčšina značiek HTML sa dodáva v pároch. Sú umiestnené na začiatku a na konci časti textu, aby určili obsah, ktorý budú obsahovať. Tieto značkové páry tvoria Prvok HTMLs. Keď sa to naučíte a sú otváracie a záverečné značky na zvýraznenie textu, začnete chápať, ako značky HTML ovplyvňujú vzhľad textu na webovej stránke.
Táto veta sa zobrazí tučne kvôli skrytým značkám HTML.
Záverečná silná značka (ktorá označuje výraz „silný dôraz a ktorá predvolene vykresľuje text tučne) je identická s úvodnou silnou značkou, okrem toho, že v značke obsahuje lomku. Toto je formát, ktorým sa riadi väčšina značiek HTML. Otváracia značka a záverečná značka sú rovnaké, pričom za koncovku, ktorá nasleduje za prvým znakom „
Kombinácie značiek HTML
Značky HTML sa často používajú v kombinácii. Úvodná a záverečná značka pre zvýraznený text (kurzíva) je a . Pridanie značiek s kurzívou k jednému slovu v príklade vety s tučným písmom spôsobí, že sa slovo zobrazí na webovej stránke tučným písmom aj kurzívou.
Táto veta sa objaví vo všetkých tučne kvôli skrytým značkám HTML.
Kedykoľvek sa v prvku webovej stránky použije viac značiek spoločne, pričom niektoré značky sa objavujú vo vnútri ostatných, označujú sa ako vnorené značky HTML. Určite si to pamätáte vnorené značky, ktoré sú značkami vo vnútri ostatných, musia byť zatvorené pred uzavretím ich značiek. Pozrite sa na tento príklad:
Toto je text, ktorý je zdôraznené z konkrétneho dôvodu.
Mali by ste si všimnúť, že značka je otvorená vo vnútri
, čo znamená, že musí byť pred
objaví sa zatváracia značka. Myslite na vnorené značky, ako sú škatule vo vnútri iných škatúľ. Vnútorné boxy musia byť uzavreté pred vonkajšou časťou, v ktorej sú boxy.Značky HTML a webové stránky
V platnom kóde HTML sú desiatky značiek HTML. Niektoré značky HTML diktujú veľmi bežné základné prvky, ako sú odseky, zatiaľ čo iné sú komplikovanejšie a pridávajú ďalšie funkcie, napríklad značky odkazu alebo „ukotvenie“. Zoznam značiek HTML poskytuje prehľad mnohých funkcií, ktoré značky môžu vykonávať na webovej stránke pomocou značiek.
Od všetkých webových stránok sa vyžaduje aj niekoľko značiek. Pri vytváraní svojej prvej stránky budete používať.
Zoznam značiek HTML vám veľmi nepomôže, kým neprejdete výukovým programom HTML. Po jeho vykonaní však budete môcť pomocou značiek HTML vytvoriť svoju vlastnú webovú stránku. Jedna poznámka, nenechajte sa zahltiť počtom možných značiek HTML. Aj keď existujú stovky možných značiek, ktoré môžete použiť, realita je taká, že pravdepodobne použijete iba niekoľko z nich znova a znova. V skutočnosti existuje niekoľko značiek HTML, ktoré sme za celé desaťročia práce s webdizajnom nikdy ani raz nepoužili!
Zastarané značky
HTML5 je aktuálny značkovací štandard. S niektorými značkami, ktoré boli použité v starších verziách HTML, sa teraz zaobchádza pomocou šablón štýlov v HTML5. Zastarané značky HTML boli zo špecifikácií HTML odstránené. Najlepšie je nepoužívať žiadne zastarané značky.