---
site_name: WPlama
site_description: "Správa, opravy a vývoj WordPress webů a e-shopů"
site_url: https://www.wplama.cz
contact_email: info@wplama.cz

title: SERIÁL „ZAČÍNÁME S PROGRAMOVÁNÍM“ – HTML 1. část
url: https://www.wplama.cz/serial-zaciname-s-programovanim-html-1-cast/
date: 2014-06-10
modified: 2014-06-10
author: Zdeněk Vojáček
type: post
categories: [Snippety]
tags: [HTML, WordPress návody, začátečníci]
---

Snippety

# SERIÁL „ZAČÍNÁME S PROGRAMOVÁNÍM“ – HTML 1. část

[ZV **Zdeněk Vojáček**](https://www.wplama.cz/author/wojda/) Publikováno 10. 6. 2014 2 min čtení

Pozor:

Článek je z roku 2014. Některé postupy se mohly změnit.

![HTML](https://www.wplama.cz/wp-content/uploads/2014/06/HTML.jpg "HTML")

Dnes si řekneme něco o struktuře HTML stránky.

```
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">

<html>
    <head>
        hlavička webu
        <title>text který se zobrazí v názvu(na záložce) stránky</title>
    </head>

    <body>
       ....
    </body>
</html>

```

`<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">`
Tento text se nikde nezobrazuje, je pouze informativní, pokud ale chcete mít web podle W3C standardu tak tam být musí. Jedná se o takzvanou deklaraci typu dokumentu.

`<html></html>`
Tento párový tag se píše na úplném začátku a konci dokumentu.

`<head></head>`
Jedná se o takzvanou hlavičku webu, která obsahuje informace jako je autor, klíčová slova, popis a spousta dalšího. Povíme si o tom na dále v textu.

`<body></body>`
Mezi tyto tagy se píše vlastní tělo stránky které určí jak bude stránka vypadat. Obsahuje veškerý zobrazovaný obsah stránky. O tom si povíme v dalším článku.

## Hlavička webu – HEAD

Teď si řekneme něco málo o informacích, které se dají zapsat do hlavičky webu. Jedná se o ohromné množství možností. Některé jsou důležité, některé méně. Nebudu je zde vypisovat všechny, ale pouze několik základních.

####

#### <title>název</title>

Text, který zapíšete do tohoto tagu se vypíše v názvu webu. Například na záložce stránky.

#### <meta http-equiv=“Content-Language“ content=“cs„>

#### <meta http-equiv=“Content-Type“ content=“text/html; charset=windows-1250„>

První říká prohlížeči, v jakém jazyce web je.

Druhý říká, jaké kódování je na webu použito. Kvůli českým znakům se u nás nejčastěji používají **windows-1250** nebo **iso-8859-2.**

#### <script language=“JavaScript“ type=“text/javascript“ src=“skript.js“>

#### <link rel=“stylesheet“ href=“styly.css“ type=“text/css“>

Tyto dva zápisy slouží k napojení externích souborů ke stránce. První připojuje Javascripty, druhý CSS styly.

#### <meta name=“keywords“ content=“BMW, e38, BMW 750i,…“>

Klíčová slouva – slouží k tomu, aby vyhledávače věděly, o čem Váš web je. Píší se jednotlivá slova, maximálně slovní spojení. Například máte web o prodeji BMW, tak klíčová slova mohou být: *BMW, levně, e38, e46, BMW 750i, BMW 750il, prodám*…

#### <meta name=“description“ content=“Prodáváme automobily značky BMW.“>

Popis webu – zde můžete krátce napsat, o čem Váš web je. Nejlépe pouze několik vět. Zbytečně se zde nerozepisujte.

#### <meta name=“author“ content=“Zdeněk Vojáček“>

Informace o autorovi – Většinou se zde jen uvádí jméno autora webu.

Příště si již povíme, jak vytvořit jednoduchou stránku.

- [#HTML](https://www.wplama.cz/stitek/html/)
- [#WordPress návody](https://www.wplama.cz/stitek/navody/)
- [#začátečníci](https://www.wplama.cz/stitek/zacatecnici/)

Sdílet

-
- [](mailto:?subject=SERIÁL „ZAČÍNÁME S PROGRAMOVÁNÍM“ – HTML 1. část&body=SERIÁL „ZAČÍNÁME S PROGRAMOVÁNÍM“ – HTML 1. část https://www.wplama.cz/serial-zaciname-s-programovanim-html-1-cast/)
- [](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.wplama.cz%2Fserial-zaciname-s-programovanim-html-1-cast%2F)
- [](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.wplama.cz%2Fserial-zaciname-s-programovanim-html-1-cast%2F)

ZV

Autor

Zdeněk Vojáček

Milovník žen, masa a PHP kódu

11 článků [Všechny články autora →](https://www.wplama.cz/author/wojda/)

## Komentáře

Zatím tu nikdo nekomentoval. Napište první komentář.

### Přidat komentář [Zrušit odpověď](https://www.wplama.cz/serial-zaciname-s-programovanim-html-1-cast/#respond)

[← Předchozí článek Jak přejmenovat nebo odstranit „category“ a „tag“ v URL adrese rubrik a štítků](https://www.wplama.cz/jak-prejmenovat-nebo-odstranit-category-a-tag-v-url-adrese-rubrik-a-stitku/) [Další článek → Představení poradny na WPlama.cz](https://www.wplama.cz/predstaveni-poradny-na-wplama-cz/)

Související

## Mohlo by vás zajímat

[Všechny články z rubriky Snippety →](https://www.wplama.cz/wordpress/kodovani/)

![wordpress programovani](https://www.wplama.cz/wp-content/uploads/2025/10/wordpress-programovani.jpg "wordpress programovani")

Snippety

### [Jak ve WordPressu (včetně Gutenberg) automaticky nahradit „a, i, k, o, s, u, v, z“ pevnou mezerou](https://www.wplama.cz/jak-ve-wordpressu-vcetne-gutenberg-automaticky-nahradit-a-i-k-o-s-u-v-z-pevnou-mezerou/)

8. 10. 2025 3 min čtení

---

![wordpress editor](https://www.wplama.cz/wp-content/uploads/2024/02/wordpress-editor.png "wordpress editor")

Snippety

### [Editor souborů ve WordPress](https://www.wplama.cz/editor-souboru-ve-wordpress/)

25. 3. 2024 2 min čtení

---

![cookies](https://www.wplama.cz/wp-content/uploads/2023/06/cookies.jpg "cookies")

WordPress návody

### [Jak u pluginu Complianz upravit lištu a zvýšit počet lidí, který s použitím cookies souhlasí](https://www.wplama.cz/jak-u-pluginu-complianz-upravit-listu-a-zvysit-pocet-lidi-ktery-s-pouzitim-cookies-souhlasi/)

3. 7. 2023 1 min čtení

---