HTML je bezpochyby hlavním jazykem internetu,s tím se narodil. Tak či onak se podílí na tvorbě a provozu každé webové stránky na World Wide Web. Bez pochopení toho, co je HTML a jak to funguje, je nemožné přeměnit nepřetržitý proud textu, kterým byl jakýkoli dokument původně, na strukturovaný, krásný a uživatelsky přívětivý web.
Zkratka je odvozena z angličtinyZnačkovací jazyk HyperText Překlad plně vysvětluje, co je HTML, značkovací jazyk pro hypertext. Objevila se na úsvitu vývoje internetu a byla určena k návrhu webových stránek obsahujících vědeckou a technickou dokumentaci, které vyžadují zejména řádný design.
Tim Berners-Lee, tvůrce jazyka, to navrhls jeho pomocí bude možné snadno vytvářet jednoduché, ale pochopitelné dokumenty pro výměnu mezi vědci z různých měst a zemí. Vyvinul sadu deskriptorů - prvků formátujících text. Nyní je známe pod názvem „tagy“.
Aby se text HTML zobrazoval správně, je nutnýjeho zpracování. To se provádí pomocí speciálních programů - prohlížečů. Dostanou označenou stránku, interpretují značky tagů a zobrazí text ve formě, ve které by ho měl uživatel vidět.
Velmi důležitá část jazyka, z čehož je zřejmé i tojeho jméno je podpora hypertextu. To znamená, že některé stránky HTML mohou obsahovat odkazy na jiné. Systém křížových odkazů byl pro vědecké články obzvláště důležitý, protože vám neumožňuje ponořit se do vysvětlení složitého pojmu, ale v případě potřeby jednoduše poslat čtenáře do příslušné kapitoly.
Čas plynul, jednoduchá sada značek, které byly HTMLna začátku své existence rostla a získávala sílu. Nyní můžete vložit multimediální obsah na stránku, vytvářet tabulky a spravovat umístění obrázků.
Spontánní expanze jazyka měla být omezena a převzata pod kontrolu, byly zapotřebí určité standardy.
1995 - čas přijetí třetí verzespecifikace a zlom v osudu kodérů. Moderní prohlížeče v té době již nemohly zajistit implementaci přijatých standardů, začala improvizace a stratifikace. Každý internetový prohlížeč měl názor na to, co je HTML a jak zpracovat konkrétní deskriptory.
Naštěstí v současné době byly hlavní rozpory mezi prohlížeči odstraněny, což vývojářům front-end ušetřilo spoustu energie a nervů.
Skutečný rok 2018 je pátým standardemHTML, jehož návrh se objevil na konci roku 2007. Představil mnoho nových prvků a atributů, zvláštní důraz kladl na sémantiku webových stránek a jejich přístupnost pro uživatele se zdravotním postižením.
Jazyk se nadále aktivně rozvíjí a vylepšuje.
Hlavní struktury HTML jsou deskriptory nebo značky a entity. Prostý text zpracovaný s jejich pomocí se změní na webový dokument.
Subjekty značkovacího jazyka hypertextu jsou mnemotechnické kódy pro speciální znaky Unicode, které se nenacházejí na běžných klávesnicích.
Příklady entit:
| < | úhlová závorka |
| > | zavírací úhelník |
| ← | tenká šipka doleva |
| ↑ | tenká šipka směřující nahoru |
HTML entity začínají ampersandem,končí středníkem a obsahuje snadno zapamatovatelný znakový kód. Jsou důležité, protože umožňují zobrazit znaky, které nelze přímo zapsat do kódu HTML.
Takové značky zahrnují například úhlové závorky. V značkovacím jazyce hypertextu slouží jako identifikátory tagů a obklopují jméno deskriptoru na obou stranách.
Značky jsou základní strukturální součásti webového dokumentu. Jsou to kontejnery s otevíracími a zavíracími částmi a jejich obsahem.
Příklad značky:
text uvnitř značky Toto je popisovač HTML. adefinování kurzívou. Písmeno i je první písmeno slova kurzíva. Má:
;
Většina deskriptorů má stejnou strukturu, ale existuje malá skupina prázdných značek.
Dlouhý text, který by měl být rozdělen do několika řádků
pro zlepšení čitelnosti.
Značka
Následující značky jsou také prázdné:
![]()
Deskriptory mohou být vnořeny v libovolném počtu úrovní. Výjimkou jsou pouze prázdné značky, které nemohou obsahovat obsah.
Při vytváření webových dokumentů mají velký význam atributy, které jsou umístěny v otevíracím prvku značky. Deskriptor může nebo nemusí mít jednu nebo více vlastností.
Ve většině případů pomocí atributůněkteré aspekty chování prvku jsou objasněny a někdy jsou schopny radikálně změnit vizuální reprezentaci. K oficiálním účelům se používá řada vlastností, které vám umožňují spravovat značky HTML z CSS nebo JavaScript.
Nastavení atributu:
Vyberte barvu:
Red
Yellow
GreenZde je skupina tří interaktivních elementů . Atribut typ určuje jejich zobrazení ve formě zaškrtávacích políček, jméno obsahuje název konkrétního pole a vlastnost zkontrolováno, na tom nezáleží, provede se výchozí výběr druhého vstupu.
Existují univerzální atributy, které lze definovat pro jakýkoli deskriptor, a specifické atributy specifické pro konkrétní značky.
Univerzální vlastnosti zahrnují: id, class, title.
Specifické jsou výše uvedený typ, kontrolované, stejně jako src, href a několik dalších.
Když je přijata stránka HTML, prohlížeč ji analyzuje a zahodí vše, co je zbytečné. Ve většině případů bude více mezer a zalomení řádků ignorováno.
Dva úryvky kódu níže jsou pro prohlížeč zcela identické, ačkoli jeden z nich obsahuje mnoho po sobě jdoucích mezer a je rozdělen do řádků a druhý ne.
Lorem ipsum dolor sit amet.
doloribus sunt,
ad providence.
Lorem ipsum dolor sit amet.
doloribus sunt, ad providence.
Lze použít dělení slov a tabulátoryvizuální strukturování kódu, ale nezáleží na prohlížeči. V některých případech, kdy je třeba zachovat původní textový formát spolu s mezerami a odrážkami, existují značky, které zobrazují jejich obsah bez předchozího zpracování prohlížečem, například .
HTML je jazyk nerozlišující malá a velká písmena.To znamená, že značky, názvy a hodnoty atributů lze psát malými nebo velkými písmeny a prohlížeč bude obě možnosti zpracovávat stejně dobře. V případě potřeby můžete dokonce použít kombinace velkých a malých písmen, ale to narušuje normální vnímání kódu.
Poté, co se seznámíte se značkami, jejich vlastnostmi a syntaxí, můžete přejít od základů jazyka HTML ke struktuře dokumentu HTML jako celku.
Jakákoli webová stránka musí mít určitý rámec, aby se prohlížeč zobrazoval správně.
Povinná struktura dokumentu HTML zahrnuje:
hlava.
Standard HTML5 nevyžaduje značku tělo v dokumentu se však doporučuje použít k označení oblasti obsahu.
Důležité, ale volitelné deskriptory služeb, jsou:
Název stránky
Jinak může být struktura stránky HTML libovolná. Jeho vlastnosti závisí na konkrétním projektu.
Hlavní pravidlo, které je třeba dodržovatjakýkoli webový dokument je správným vnořením značek. Nejprve je držadlo zavřeno, nachází se v nejhlubší úrovni hnízdění a poté střídavě všechny externí.
<částice>
Text odstavce
Jak se specifikace vyvíjejí a stávají se složitějšími,příchod nových deskriptorů změnil technologii vytváření webových dokumentů. Zpočátku šly texty v nepřetržitém proudu a rozdělovaly se pouze na odstavce. Pak přišla éra rozvržení tabulky, která umožňovala umisťování bloků na stránku v jakékoli konfiguraci, například sloupcích.
S vývojem CSS bylo používání tabulek postupně opuštěno, protože styly umožnily stylizovat dokument tak, jak chcete.
Nový standard HTML vítá sémantiku ve struktuře dokumentu HTML. Toho je dosaženo použitím sémantických značek, jako je záhlaví, zápatí, hlavní, článek, nav, sekce a další.
Hlavní jazyk internetu je velmi jednoduchý. Kdokoli je schopen porozumět tomu, co je HTML, a úspěšně aplikovat tyto znalosti vytvořením vlastních webových stránek.
