HTML – základní syntaxe stránky


Pokud jste úplnými začátečníky ve vytváření webu je nutné pochopit a znát základní syntaxi HTML stránky. Co je to BODY, HEAD a další.

!doctype

První zápis na každé stránce by měl být doctype. Má mnoho podob a může se stát, že špatným nastavením se bude špatně zobrazovat web. Na osobním webu používám zápis:

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

Obecně ale hodně lidí doporučuje používat pouze jednoduchý zápis, díky kterému si prohlížeč sám určí jak stránku vypsat. Skoro vždy funguje bezproblémově.

<!doctype html>

HTML

Hned po doctype následuje značka HTML, která říká, že se mezi ní nachází kód stránky v HTML. Touto značkou stránka začíná i končí!

na začátku stránky <html> a na úplném konci </html>

HEAD

Jedná se o hlavičku dokumentu, která se na stránce nezobrazuje. Začíná hned za HTML a končí ještě před BODY. Zapisuje se jako <head> </head> Obsahuje většinou zápis <title>nadpis stránky zobrazující se v záložce prohlížeče</title> a různé meta tagy, scripty, styly atd. Důležitým META tagem je níže uvedený kód, který by v hlavičce neměl chybět. Dává prohlížeči vědět, že stránka je kódovaná v UTF-8, což je nejlepší pro české znaky s háčky a čárkami. Pokud by jste uvedli místo UTF-8 například windows-cp1250 pak by se místo „č“ zobrazil jen čtvereček.

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

Upozorňuji, že pokud v hlavičce uvedete prostý text, může se v některých prohlížečích zobrazit nahoře na stránce!

BODY

Hned po ukončení hlavičky se zapisuje tag <body>, který poté před ukončením HTML na konci dokumentu, ukončíme zápisem </body>.

Tělo /body/ obsahuje celý obsah stránky. Od nadpisů, přes odstavce, obrázky, texty, odkazy a vše co se má na stránce zobrazit.

Ukázka

Níže je ukázán teoretický vzhled html stránky

<!doctype html>

<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Testovací stránka</title>
</head>

<body>

<h1>Nadpis stránky H1 </h1>

<p>Toto je první odstavec stránky hned pod nadpisem</p>

</body>

</html>

 

Toto byly základy HTML stránky, které doporučuji umět z hlavy.

 

 

Jak bude reklama vypadat?

Nechceš zde reklamu napořád jen za 29 Kč?

Zobrazit formulář pro nákup

Buďte první kdo napíše komentář

Přidej komentář.

Vaš e-mail nebude zveřejněn.


*