TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
Základní syntaxe HTML stránek a META tagy..
Vítejte v kurzu HTML u další lekce!
Na úvod bych chtěl jen říct, že předchozí lekci psal jiný autor a jeho oblíbený editor PSPad se mi moc nelíbí a nejsem na něj zvyklý. Já používám HTML Editor, který dokáže zobrazit i stránku jak bude vypadat v jiném rámu. Ale není to WYSIWYG editor! (což není ani PSPad). Ale klidně zůstaňte u PSPadu, je to jedno, záleží na vás. Ale teď už k samotné výuce.Základní syntaxe jazyka HTML
Každý prvek stránky se vkládá tagem. Existují dva druhy tagů: párové a nepárové:
nepárový tag - <tag>
párový tag - <tag></tag>
Většinou má tag i nějaké parametry (barva, zarovnání...):
<tag parametr="hodnota">
Hodnota parametru by měla být z obou stran ohraničená uvozovkami "hodnota". Není to nutné, ale některé prohlížeče to vyžadují, a proto je tam raději pište.
Teď si povíme něco o tom, co musí být v každém HTML dokumentu. Každý musí začít a končit tagem <html>. Mezi ním by měla být hlavička <head>, která je také párová. Po hlavičce následuje samotné "tělo" dokumentu <body>. Takto by měl vypadat kód každé stránky:
<html>
<head>
.
.
tady budou další tagy, které nejsou přímo viditelné
.
.
</head>
<body>
.
.
.
tady budou také další tagy, které se zobrazí v dokumentu
.
.
.
</body>
</html>
Do hlavičky se dává hlavně titulek stránky. Je určen tagem <title> Titulek stránky </title>. Nahoře na liště se pak zobrazí náš titulek:
A pak META tagy, které určují například velmi důležité kódování. To znamená, jaké znaky se použijí. Na českých stránkách se používá kódování windows-1250. Syntaxe META je:
<meta name="jméno" content="hodnota">
nebo existuje druhá možnost:
<meta http-equiv="typ" content="hodnota">
Již zmíněné kódování se určuje takto:
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
V následující tabulce najdete možná jména META tagů:
| jméno: | hodnota: | co provede: |
| author | záleží na vás | určí autora |
| description | popis stránek | hodnotu vypíše vyhledávač, pokud najde vaši stránku |
| keywords | klíčová slova o vaší stránce | použije je vyhledávač při vyhledávání |
| generator | v čem jste stránku udělali | určí generátor stránky |
V další tabulce ještě pár typů:
| typ: | hodnota: | co provede: |
| Content-Type | text/html; charset=windows-1250 text/html; charset=iso-8859-2 | určí kódování |
| refresh | 6;URL=http://www.nekam.cz/cokoliv | automatické přesměrování za čas (6s) na adresu (URL=..) |
| cache-control | no-cache nebo cache | určí, jestli se stránka uloží do vyrovnávací paměti klienta |
| expires | nějaké datum Sat 21 Jun 2003 20:04:00 |
určí, kdy stránce končí platnost, prohlížeč po tomto datu znovu stáhne stránku do paměti |
Tak to by pro začátek stačilo. Jako úkol uděláte stránku:
- která bude mít nějaký titulek
- kde jako autor bude vaše jméno
- kde generátor uvedete po pravdě
- která bude mít české kódování
- která skončí s platností o letošních Vánocích
