Skip to main content

Hypertext Markup Language (HTML)

TL;DR

HTML(HyperText Markup Language) je jazyk používaný k vytváření webových stránek. Některé stránky lze psát přímo v HTML, zatímco jiné mohou používat tvůrce stránek nebo jiné nástroje k vytvoření webových stránek, které také produkují HTML výstupy, které zase mohou číst prohlížeče.

Co znamená HTML?

HTML je zkratka pro HyperText Markup Languagea je to jazyk používaný k vytváření webových stránek. K definování a stylování prvků používá značky. Může například definovat fonty, barvy, pozici, odkazy atd. I když většina tvůrců webových stránek nepíše přímo v HTML, konečné výstupy, které jsou čteny a interpretovány webovými prohlížeči, jsou ve formátu HTML. To je důvod, proč při kliknutí pravým tlačítkem na jakoukoli webovou stránku a výběru „Zobrazit zdrojový kód stránky“ by první řádek textu ve výsledném okně měl být <!doctype html>.

Jaká je struktura HTML stránky?

I když se struktury mohou lišit, některé z prvků, které byste měli najít v jakémkoli HTML, jsou následující (s vysvětlením v kurzívě). Zkontrolujte to na libovolné webové stránce kliknutím pravým tlačítkem kamkoli a výběrem „Zobrazit zdrojový kód stránky“:

<!DOCTYPE html> – ukazuje webovému prohlížeči, že se jedná o soubor HTML, který může číst

<html lang="cs"> – zobrazuje jazyk, ve kterém je webová stránka napsána

<head> - označuje začátek sekce hlavy, kde jsou umístěny obecné kódy

<title>Název stránky</title> – toto je metaznačka zobrazující název stránky, která se zobrazuje na kartě prohlížeče

<meta name="description" content="..." /> – používá se k popisu toho, o čem stránka je, pro vyhledávače

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, user-scalable=0" /> – toto je příkaz, který říká, jak má být webová stránka zobrazena různé velikosti obrazovky

<meta name="robots" content="index,follow" /> – toto sděluje robotům, kteří stránku procházejí, že ji mohou indexovat a přidat do výsledků vyhledávače

<link rel="stylesheet" type="text/css" href="/css/style/style.css”> – toto propojí HTML se souborem CSS, kde je umístěn podrobnější styl textu

<script src="/js/random.js" type="text/javascript"></script> – připojí se k souboru JavaScript, který se používá ke spuštění akce na webové stránce

<link rel="canonical" href="https://yourpage.com"/> – pokud existují stránky s podobným obsahem nebo stránku lze nalézt na více než jedné adrese URL, zobrazí prohledávačům, na kterou adresu URL mají být brány účet pro účely autority

</head> - tím se zavře sekce hlavy

<body> - otevře sekci těla, kde je umístěn skutečný obsah stránky

<div class="container"> – otevře sekci nazvanou kontejner, která obvykle vytváří rámec pro obsah

<a href="https://yoursiteshomepage.com"><img class="navbar-brand-logo-normal" src="/images/logo.svg" alt="logo Analytics pro návštěvníky" height="52" šířka ="180"></a> – toto je jeden způsob umístění obrázku loga, který odkazuje na vaši domovskou stránku

<div class=”first-text”>Toto jsou první slova, která se skutečně zobrazí na vašem webu</div> – nějaký text, který lze upravit v připojeném souboru CSS

...

</body>