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.
Buďte první kdo napíše komentář