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.