HTML je bezpochyby hlavným jazykom internetu,vzniklo s ním. Tak či onak sa podieľa na vytváraní a prevádzke každej webovej stránky na World Wide Web. Bez toho, aby sme pochopili, čo je HTML a ako funguje, nie je možné premeniť nepretržitý prúd textu, ktorý je pôvodne akýmkoľvek dokumentom, na štruktúrovanú, krásnu a užívateľsky prívetivú stránku.
Skratka je odvodená z angličtinyFrázy značkovacieho jazyka HyperText. Preklad plne vysvetľuje, čo je HTML - je to jazyk hypertextového značenia. Objavil sa na úsvite vývoja internetu a bol určený na navrhovanie webových stránok obsahujúcich vedeckú a technickú dokumentáciu, ktoré je obzvlášť potrebné správne naformátovať.
Navrhol to Tim Berners-Lee, tvorca jazykas jeho pomocou bude možné ľahko vytvárať jednoduché, ale zrozumiteľné dokumenty na výmenu medzi vedcami z rôznych miest a krajín. Vyvinul sadu deskriptorov - prvkov, ktoré formátujú text. Teraz ich poznáme ako „tagy“.
Aby sa text HTML zobrazoval správne, potrebujetejej spracovanie. Na to slúžia špeciálne programy - prehliadače. Prijmú značkovaciu stránku, interpretujú deskriptory značiek a zobrazia text tak, ako by ho mal užívateľ vidieť.
Veľmi dôležitá časť jazyka, ktorá je zrozumiteľná aj zjeho názov je hypertextová podpora. To znamená, že niektoré stránky HTML môžu obsahovať odkazy na iné. Systém krížových odkazov mal osobitný význam pre vedecké články, pretože neumožňoval hlboké vysvetlenie zložitého výrazu, ale v prípade potreby jednoducho poslal čitateľa do príslušnej kapitoly.
Ako čas plynul, jednoduchá sada značiek, ktorou bol HTMLna začiatku svojej existencie rástol a posilňoval sa. Teraz je možné na stránku vkladať multimediálny obsah, vytvárať tabuľky a ovládať usporiadanie obrázkov.
Spontánnu expanziu jazyka bolo potrebné obmedziť a vziať pod kontrolu, boli potrebné určité štandardy.
1995 - čas prijatia tretej verziešpecifikácie a zlom v osude návrhárov dispozícií. Moderné prehliadače v tej dobe už nedokázali zabezpečiť implementáciu prijatých štandardov, začala sa improvizácia a vrstvenie. Každý internetový prehliadač mal svoj vlastný názor na to, čo je HTML a ako by sa mali interpretovať konkrétne deskriptory.
Našťastie hlavné konflikty medzi prehliadačmi sú teraz vyriešené, čo vývojárom frontendu ušetrí veľa úsilia a nervov.
Piaty štandard je relevantný pre rok 2018HTML, ktorého koncept sa objavil na konci roku 2007. Predstavil mnoho nových prvkov a atribútov s osobitným dôrazom na sémantiku webových stránok a ich prístupnosť pre užívateľov so zdravotným postihnutím.
Jazyk sa naďalej aktívne rozvíja a zdokonaľuje.
Hlavnými štruktúrami HTML sú deskriptory alebo značky a entity. Obyčajný text spracovaný s ich pomocou sa zmení na webový dokument.
Entity Hypertext Markup sú mnemotechnické kódy pre špeciálne znaky Unicode, ktoré nie sú k dispozícii na bežných klávesniciach.
Príklady entít:
| < | držiak s otvoreným uhlom |
| > | uhlová konzola zatvárania |
| & larr; | tenká šípka smerujúca doľava |
| uarr; | tenká šípka smerujúca nahor |
Entity HTML začínajú znakom,končí bodkočiarkou a obsahuje ľahko zapamätateľný kód pre postavu. Sú dôležité, pretože vám umožňujú zobraziť znaky, ktoré nie je možné priamo napísať v kóde HTML.
Medzi tieto znaky patria napríklad uhlové zátvorky. V hypertextovom značkovacom jazyku slúžia ako identifikátory značiek, ktoré obklopujú názov deskriptora na oboch stranách.
Značky sú hlavnými štruktúrnymi komponentmi webového dokumentu. Sú to kontajnery otváracích a zatváracích častí a obsahu medzi nimi.
Príklad značky:
<i> text vnútri značky </i>Toto je deskriptor HTML aktorý definuje kurzívu. Písmeno i je prvé písmeno slova kurzívou. On má:
<i>;</i>charakterizovaná prítomnosťou lomítka;
Väčšina deskriptorov má rovnakú štruktúru, existuje však malá skupina prázdnych značiek.
Dlhý text, ktorý by mal byť <br> rozdelený do viacerých riadkov <br>, aby sa zlepšila čitateľnosť.
Označiť <br> po analýze bude nahradený zalomením riadka. Nemá žiadny obsah, takže nie je potrebná žiadna krycia časť.
Nasledujúce značky sú tiež prázdne:
<hr>označujúci tenkú sivú čiaru oddeľujúcu bloky textu od seba;<vstup>predstavuje celú rodinu prvkov interaktívnej formy;<obrázok>pripojenie súboru s obrázkom;<meta>, <link>.Deskriptory môžu byť navzájom vnorené na ľubovoľnom počte úrovní. Výnimkou sú iba prázdne značky, ktoré nemôžu obsahovať obsah.
Pri vytváraní webových dokumentov majú veľký význam atribúty, ktoré sú umiestnené v úvodnom prvku značky. Deskriptor môže mať jednu alebo viac vlastností alebo nemusí mať žiadnu.
Vo väčšine prípadov pomocou atribútovobjasňujú sa niektoré aspekty správania sa prvku a niekedy môžu radikálne zmeniť vizuálnu prezentáciu. Na účely služby sa používa množstvo vlastností, ktoré vám umožňujú manipulovať so značkami HTML z CSS alebo JavaScript.
Nastavenie atribútu:
Vyberte farbu: <input type = "checkbox" name = "red"> Červená <input type = "checkbox" name = "yellow" checked> Yellow <input type = "checkbox" name = "green"> ZelenáTu je skupina troch interaktívnych prvkov <input>. Pripisovať typ definuje ich zobrazenie ako začiarkavacie políčka, názov obsahuje názov konkrétneho poľa a vlastnosť skontrolované, nedôležité, urobí z druhého vstupu predvolený.
Existujú všeobecné atribúty, ktoré je možné definovať pre akýkoľvek deskriptor, a špecifické atribúty, ktoré sú špecifické pre konkrétne značky.
Medzi univerzálne vlastnosti patrí: id, trieda, názov.
Konkrétne - vyššie uvedený typ, začiarknutý, ako aj src, href a množstvo ďalších.
Pri prijatí stránky HTML ju prehliadač analyzuje a vyhodí všetky nepotrebné položky. Preto vo väčšine prípadov budú ignorované viac medzier a zalomenia riadkov.
Nasledujúce dva útržky kódu sú pre prehliadač úplne identické, aj keď jeden z nich obsahuje veľa po sebe nasledujúcich medzier a je rozdelený na riadky a druhý nie.
<!- prvý úryvok -> <p> Lorem ipsum <i> dolor sit </i> amet. </p> <p> <b> doloribus sunt, </b> ad provident. </p> <! - druhý úryvok -> <p> Lorem ipsum <i> dolor sit </i> amet. </p> <p> <b> doloribus sunt, </b> ad provident. </p>
Pomlčky a záložky je možné použiťvizuálne štruktúrovanie kódu, ale pre prehliadač nemajú žiadny význam. V niektorých prípadoch, keď je potrebné zachovať pôvodný textový formát spolu s medzerami a zarážkami, existujú značky, ktoré zobrazujú svoj obsah bez predbežného spracovania prehliadačom, napríklad <pre>.
HTML nerozlišuje veľké a malé písmena.To znamená, že značky, názvy a hodnoty atribútov je možné písať malými alebo veľkými písmenami a obe možnosti prehliadač rovnako správne spracuje. Ak je to žiaduce, môžete dokonca použiť kombinácie horných a dolných písmen, čo však narúša normálne vnímanie kódu.
Keď sa zoznámite so značkami, ich vlastnosťami a syntaxou, môžete prejsť od základov jazyka HTML k štruktúre dokumentu HTML ako celku.
Aby sa prehliadač správne zobrazoval, každá webová stránka musí mať nejaký druh kostry.
Požadovaná štruktúra dokumentu HTML obsahuje:
hlava.<! DOCTYPE html> <html> <head> <! - servisné informácie pre prehliadač a vyhľadávacie roboty -> </head> <body> </body> </html>HTML5 nevyžaduje značku telo v dokumente sa však odporúča, aby ste ho stále používali na označenie oblasti obsahu.
Dôležité, ale voliteľné deskriptory služby sú:
<head> <title> Názov stránky </title> <meta charset = "utf-8"> <meta name = "description" content = "Popis stránky pre vyhľadávacie roboty"> </head>V opačnom prípade môže byť štruktúra stránky HTML ľubovoľná. Jeho vlastnosti závisia od konkrétneho projektu.
Hlavné pravidlo, ktoré je potrebné dodržiavať vakýkoľvek webový dokument je správne vnorenie značiek. Najprv sa zatvorí deskriptor umiestnený na najhlbšej úrovni vnorenia a potom všetky externé jeden po druhom.
<body> <hlavné> <článok> <p> Text odseku </p> <! - odsek je najskôr zatvorený -> </article> <! - potom článok -> </main> <! - potom hlavná značka -> </body> <! - a nakoniec telo dokumentu ->Ako špecifikácia avznik nových deskriptorov zmenil technológiu vytvárania webových dokumentov. Texty pôvodne išli nepretržitým prúdom a rozdeľovali sa iba na odseky. Potom prišla éra usporiadania tabuliek, ktorá umožnila umiestniť bloky na stránku v akejkoľvek konfigurácii, napríklad do stĺpcov.
S vývojom CSS sa postupne upustilo od používania tabuliek, pretože štýly umožňovali navrhnúť dokument podľa želania.
Nový štandard HTML víta sémantiku v štruktúre dokumentu HTML. To sa dosiahne použitím sémantických značiek ako napr hlavička, zápätie, hlavná, článok, nav, oddiele a ďalšie.
Hlavný jazyk internetu je veľmi jednoduchý. Ktokoľvek môže prísť na to, čo je HTML, a úspešne uplatniť tieto znalosti vytvorením vlastných webových stránok.
