HTML5 je značkovací jazyk, který se používá k psaní stránek, které se objevují na webu. Vyplývá z pravidel, která se vám nejprve nemusí zdát zřejmá. V HTML5 však potřebujete vědět jen pár věcí, abyste mohli začít psát dokument HTML, který můžete provést v libovolném programu pro zpracování textu.

Otevírací a uzavírací značky

Jen s několika málo výjimkami jsou všechny instrukce nazvané tagy v párech. Otevírají se a zavírají v HTML5. Cokoliv mezi otevírací značkou a uzavírací značkou se řídí pokyny, které udává otvírací značka. Jediný rozdíl v kódování je přidání lomítka v závěrečné značce. Například:

Nadpis jde zde

Dvě značky označují, že veškerý obsah mezi těmito dvěma značkami by se měl objevit ve velikosti titulku h1. Pokud zapomenete přidat závěrečnou značku, objeví se v titulku h1 všechno, co následuje po otvírací značce.

Základní značky ve formátu HTML5

Základní prvky nezbytné pro dokument HTML5 jsou:

• doctype
• HTML
• hlava
• tělo

Deklarace doctype není značka. Informuje počítač, že HTML5 přichází na to. V horní části každé stránky HTML5 jde o tuto formu:

Značka HTML informuje počítač o tom, že vše, co se objeví mezi počáteční a koncovou značkou, se řídí pravidly HTML5 a mělo by být interpretováno podle těchto pravidel. Uvnitř tagu obvykle najdete značku a značku.

Tyto značky poskytují strukturu dokumentu, poskytují prohlížečům něco, co je známo, a kdybyste někdy přepisovali dokumenty na XHTML, jsou v této verzi jazyka vyžadovány.

Značka hlavy je důležitá pro SEO nebo optimalizaci vyhledávače. Psaní dobré značky je jediná nejdůležitější věc, kterou můžete udělat, abyste přilákali čtenáře k vaší stránce. Na stránce se nezobrazuje, ale zobrazuje se v horní části prohlížeče. Při psaní názvu použijte klíčová slova, která se vztahují na stránku, ale nechte ji čitelná. Název se nachází uvnitř značky pro otevírání a zavírání.

Značka těla obsahuje vše, co vidíte na obrazovce počítače při otevření webové stránky. Téměř vše, co píšete pro webovou stránku, se objevuje mezi značkami pro otevírání a zavírání. Dejte tyto základy dohromady a máte:

Nadpis tvoje hlavy jde sem. Všechno na webové stránce jde sem. Všimněte si, že každá značka má odpovídající uzavírací značku.

Heading Tags

Heading tagy určují relativní velikost textu na webové stránce. Značky h1 jsou největší, následované značkami h2, h3, h4, h5 a h6. Používáte je k tomu, aby některé z textů na webové stránce vynikly jako nadpis nebo podkapitola. Bez značek se celý text zobrazí ve stejné velikosti. Nadpisové značky se používají takto:

Podzemní přechod zde

A je to. Můžete nastavit a napsat webovou stránku, která se skládá z textu s nadpisy a podtitulky.

Poté, co s tím budete postupovat, budete se chtít naučit přidávat obrázky a jak zadávat odkazy na jiné webové stránky. HTML5 je schopen mnohem více než tato rychlá základní úvodní obálka.