HTML kódy na web

HTML značky a hotové kódy na web. Přehled základních tagů použitelných  pro každé www stránky.

Základní HTML tagy

Tyto značky můžete vložit do kódu svých stránek všude, kde je možná přímá editace HTML kódu. Uvádíme základní přehled tagů, které mají univerzální použití na jakýkoliv web. Značky jsou platné pro HTML 4.01.

Hlavička

<head></head>

Ohraničení hlavičky stránek. Veškerý obsah této části kódu se nebude na stránce nezobrazuje. Dovnitř mezi tagy <head> a </head> se vkládají všechny ostatní tagy patřící do hlavičky.

<title></title>

Označení titulku stránek. Titulek stránek je text, který je vidět v okně prohlížeče jako název webu.

<meta>

Slouží ke vkládání informací o webu. Nejpoužívanějšími jsou popis obsahu stránky <meta name=”description”> a klíčová slova stránky <meta name=”keywords”>, které pomáhají vyhledávačům zařadit stránku a získat relevantní výrazy (dříve byly jedním z nejvýraznějších SEO parametrů, dnes je jejich význam menší). Google při vyhledávání zobrazí <meta name=”description”> ve výpisu jako popis stránek.

Jedná se o nepárové značky, nepoužívají se uzavírací znaky </meta> obsah se vkládá pomocí parametru content. Kompletní značka popisující obsah může tedy vypadat například takto:

<meta name="description" content="Stránka o html kódech.
Přehled značek a tagů.">

Důležitou je také meta značka kódování jazyka, která je potřebná pro správnou interpretaci textu v prohlížečích. Její podoba pro stránku kódovanou v současnosti nejpoužívanějším kódování UTF-8 může být následovná:

<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8">

<style></style>

Slouží k definování CSS stylů na stránce.

Tělo stránky

Všechny značky patřící do této sekce přímo ovlivňují podobu stránky viditelnou čtenáři.

<body></body>

Ohraničení těla stránky. Další značky patřící do těla stránky musí být mezi těmito dvěma tagy.

<p></p>

Odstavec s odsazením, text uvnitř odstace je odsazen na obě strany.

<div></div>

Odstavec bez odsazení. Použití nachází zejména při použití spolu s CSS stylováním.

<strong></strong>

Označí text silně.

<em></em>

Udělá z textu kurzivu.

<a href=”http://xxx”>yyy</a>

Kontextový odkaz. Odkazuje text yyy na web xxx. Pozor, pokud neodkazujte v rámci stránky, uvádějte vždy odkaz i s http://, jinak bude odkaz brán jako relativní v rámci webu, ne jako absolutní v rámci celého internetu.

<img>

Značka pro vložení obrázku. Samotný bez rozšiřujích parametrů obrázek nevloží, je potřeba ještě přidat minimálně atribut src, který udává adresu zobrazeného obrázku a alt popis obrázku. Kompletní kód na vložení obrázku pak může vypadat kupříkladu následovně:

<img src="https://www.radirna.cz/uploads/obrazek.jpg alt="Obrázek">

Existuje ještě několik další rozšiřujících atributů tagu img, ty však již nejsou povinné.

<br />

Značka pro odřádkování. Není párová.

<h1></h1>

Nadpis stránky. Dále lze použít podnadpisy sekcí stránky  h2, h3, h4, h5 a h6.

Styly stránky

Nedoporučujeme  řešit stylování stánky pomocí html značek, ale jít s moderními trendy vytváření webů, které jsou ve znamení oddělení obsahu od stylování a neřeší barvy, styl písma atd. pomocí HTML, ale pomocí CSS stylů. Nepoužívejte proto až na nezbytné případy v kódu značky  jako <font>, <color> a další.

Komentáře k článku. Přidejte i váš!

  1. Pingback:

  2. dobrý den,
    nevite někdo co mám za problém se svými stránkami http://www.metalprotection.cz odskakuje mi na třech listech zápatí a už nevím co s tím děkuji za odpověd

  3. v chrome 19 se zdá vše ok 🙂

Napsat komentář

Vaše emailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *