HTML kód zajišťuje správné formátování textu a obrázků tak, aby je internetový prohlížeč mohl zobrazovat tak, jak mají vypadat. Bez HTML by prohlížeč nevěděl, jak zobrazit text jako prvky nebo načíst obrázky nebo jiné prvky. HTML také poskytuje základní strukturu stránky, na které jsou šablony kaskádových stylů překryty, aby se změnil její vzhled. Jeden by mohl myslet na HTML jako kosti (struktura) webové stránky, a CSS jako jeho kůže (vzhled).
Jak je vidět na příkladu HTML tagu výše, není mnoho komponent. Téměř všechny značky HTML mají úvodní značku, která obsahuje název s libovolnými atributy, úzkou značku obsahující lomítko a název značky, která se zavírá. Pro značky, které nemají zavírací značku je nejlepší postup ukončit značku lomítkem.
Každá značka je obsažena v méně než a větší než úhlové závorky a vše mezi otevíracím a zavíracím tagem je zobrazeno nebo ovlivněno tagem. Ve výše uvedeném příkladu značka vytváří odkaz nazvaný "Počítačová naděje", který ukazuje na soubor hope.html.
Tip: Úplný seznam značek HTML naleznete na stránce nápovědy HTML a Web Design.
Jak vypadá HTML?
Následuje příklad základní webové stránky napsané v HTML, stejně jako popis každé sekce a její funkce.
Příklad stránkyToto je příklad základní stránky HTML.
Pole výše obsahuje klíčové složky základní webové stránky. První řádek (DOCType) popisuje, jakou verzi HTML stránky byla napsána, takže internetový prohlížeč může interpretovat následující text. Dále otevírací značka HTML umožňuje prohlížeči vědět, že čte HTML kód. Za HTML tagem následuje sekce head, která obsahuje informace o stránce, jako je její název, meta tagy a kde najít soubor CSS. Část těla je veškerý obsah, který lze zobrazit v prohlížeči. Například celý text, který zde vidíte, je obsažen v tagech těla. Konečně zavírací značky zalamují každý prvek pro správnou syntaxi.
- Úplný seznam značek HTML naleznete v nápovědě HTML a Web Design.
Co je HTML5?
HTML5 je aktualizace provedená v HTML z HTML4 (XHTML následuje jiné schéma číslování verzí). Používá stejná základní pravidla jako HTML4, ale přidává některé nové tagy a atributy, které umožňují lepší sémantiku a dynamické prvky, které jsou aktivovány pomocí JavaScriptu. Mezi nové prvky patří sekce,,,,,,,,,,,,,,,,,,,,,,,, a. Tam jsou také nové typy vstupů pro formuláře, které zahrnují tel, vyhledávání, url, e-mail, datetime, datum, měsíc, týden, čas, datetime-místní, číslo, rozsah a barvu.
Se zvyšujícím se pohybem, který udržuje strukturu a styl odděleně, bylo odstraněno několik stylingových prvků spolu s těmi, které měly problémy s přístupností, nebo viděl jen velmi málo použití. Tyto následující prvky by již neměly být používány v HTML kódu:,,,,,,,,,,, a. HTML5 také zjednodušuje deklaraci doctype na tag v následujícím poli.
Jak vypadá HTML5?
Jak je uvedeno níže, HTML5 kód je velmi podobný staršímu HTML4 příkladu, ale je čistší a má revidovanou značku doctype.
Příklad stránkyToto je příklad základní stránky HTML.
Jak vytvořit a zobrazit HTML
Protože HTML je značkovací jazyk, lze jej vytvořit a zobrazit v libovolném textovém editoru, pokud je uložen s příponou .htm nebo .html. Většina z nich je však jednodušší navrhovat a vytvářet webové stránky v HTML pomocí editoru HTML.
Jakmile je soubor HTML vytvořen, lze jej prohlížet lokálně nebo nahrát na webový server, který lze prohlížet online pomocí prohlížeče.
Které přípony souborů se používají s HTML?
Soubory HTML používají příponu .htm nebo .html. Starší verze systému Windows (Windows 3.x) povolují pouze třípísmenové přípony souborů, takže místo souboru .html používaly .htm. Obě přípony souborů však mají stejný význam a mohou být použity dnes. Vzhledem k tomu doporučujeme držet se jedné konvence pojmenování, protože některé webové servery mohou upřednostňovat jedno rozšíření oproti druhému.
Poznámka: Webové stránky, které jsou vytvořeny pomocí skriptovacího jazyka jako Perl, PHP nebo Python, mají jinou příponu, i když ve zdrojovém kódu zobrazují pouze HTML.
Jak vyslovit HTML
HTML je vyslovováno jako html ( aitch-tee-em-el ).
Tip: Kvůli zvuku samohlásky při vyslovování HTML byste před zkratkou ve svém psaní použili místo slova „a“ „a“.
ASP, cHTML, Zkratky počítače, HTML validátor, Internetové termíny, Značky, Značkovací jazyk, Programovací termíny, Public_html, SEO termíny, Zdroj, Web design, Web design termíny, XML