Snippety

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

Autor příspěvku Zdeněk Vojáček

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=”keywordscontent=”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.

O autorovi

Zdeněk Vojáček

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

Zanechat komentář

Získejte více informací o WordPress!

Připojte se do našeho emailového seznamu a nenechte si ujít informace, novinky a návody ze světa WordPressu.

Úspěšně jste se zapsali do našeho newsletteru. Děkujeme!

Tomáš Cirkl

Tomáš Cirkl

WordPress specialista

Blog WPlama.cz píši už více než 5 let. O WordPress přednáším a pořádám školení. Pro své klienty vytvářím a spravuji webové stránky.