Tvorba webových stránek
(Rozdíly mezi verzemi)
(Založena nová stránka: * co to je webová stránka (statická, dynamicky generovaná) * serverový a klientský software pro provoz webového obsahu * protokoly webu * role W3C * popis HTM...) |
(+Struktura HTML dokumentu) |
||
| Řádka 9: | Řádka 9: | ||
* klientské skriptování a DOM | * klientské skriptování a DOM | ||
* ActiveX, JavaApplet | * ActiveX, JavaApplet | ||
| + | |||
| + | |||
| + | == Co to je webová stránka (statická, dynamicky generovaná) == | ||
| + | |||
| + | |||
| + | == Serverový a klientský software pro provoz webového obsahu == | ||
| + | |||
| + | |||
| + | == Protokoly webu == | ||
| + | === HTTP === | ||
| + | |||
| + | === HTTPS === | ||
| + | |||
| + | |||
| + | == Role W3C == | ||
| + | |||
| + | |||
| + | == Popis HTML (tagy párové a nepárové, příklady) == | ||
| + | |||
| + | |||
| + | == Struktura HTML dokumentu == | ||
| + | Na začátku každého HTML dokumentu je tzv. '''DOCTYPE'''. Ten oznamuje prohlížeči, kterou konkrétní verzi HTML používáme. Za ním následuje element <code>html</code> a v něm vnořené elementy <code>head</code> a <code>body</code>. | ||
| + | |||
| + | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> | ||
| + | <html> | ||
| + | <head> | ||
| + | <title>Titulek stránky</title> | ||
| + | </head> | ||
| + | <body> | ||
| + | Vlastní obsah stránky. | ||
| + | </body> | ||
| + | </html> | ||
| + | |||
| + | DOCTYPE obsahuje nejrůznější informace, např. podle jakého DTD (viz [[XML#Co to je definice typu dokumentu (DTD)|XML]]) je HTML stránka napsána. V případě HTML na DOCTYPE, ale tolik nezáleží, ve většině případů ho prohlížeče ignorují. | ||
| + | |||
| + | :''... Jediné, na čem záleží, je to, aby se stránka vykreslila v IE stejně jako v jiných prohlížečích. Toho se dosáhne tím, že se do stránky přidá libovolná doctype deklarace, která Explorer přepne do standardního módu.''<br>Zdroj: http://www.jakpsatweb.cz/doctype.html | ||
| + | |||
| + | Nejnovější HTML5 používá jako DOCTYPE prostý zápis <code><!DOCTYPE html></code>. | ||
| + | |||
| + | Hlavička stránky (element <code>head</code>) obsahuje informace o připojených stylech (CSS), skriptech (JavaScript), informace o autorovi, klíčová slova, stručný popis stránky, titulek stránky, použité kódování (UTF-8, windows-1250, ...), apod. Vlastní obsah stránky, který vidí návštěvník webu je umístěn v elementu <code>body</code>. | ||
| + | |||
| + | |||
| + | == CSS == | ||
| + | |||
| + | |||
| + | == Formuláře na webu == | ||
| + | |||
| + | |||
| + | == Klientské skriptování a DOM == | ||
| + | |||
| + | |||
| + | == ActiveX, JavaApplet == | ||
Verze z 22. 4. 2012, 15:07
- co to je webová stránka (statická, dynamicky generovaná)
- serverový a klientský software pro provoz webového obsahu
- protokoly webu
- role W3C
- popis HTML (tagy párové a nepárové, příklady
- struktura HTML dokumentu
- CSS
- formuláře na webu
- klientské skriptování a DOM
- ActiveX, JavaApplet
Co to je webová stránka (statická, dynamicky generovaná)
Serverový a klientský software pro provoz webového obsahu
Protokoly webu
HTTP
HTTPS
Role W3C
Popis HTML (tagy párové a nepárové, příklady)
Struktura HTML dokumentu
Na začátku každého HTML dokumentu je tzv. DOCTYPE. Ten oznamuje prohlížeči, kterou konkrétní verzi HTML používáme. Za ním následuje element html a v něm vnořené elementy head a body.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Titulek stránky</title>
</head>
<body>
Vlastní obsah stránky.
</body>
</html>
DOCTYPE obsahuje nejrůznější informace, např. podle jakého DTD (viz XML) je HTML stránka napsána. V případě HTML na DOCTYPE, ale tolik nezáleží, ve většině případů ho prohlížeče ignorují.
- ... Jediné, na čem záleží, je to, aby se stránka vykreslila v IE stejně jako v jiných prohlížečích. Toho se dosáhne tím, že se do stránky přidá libovolná doctype deklarace, která Explorer přepne do standardního módu.
Zdroj: http://www.jakpsatweb.cz/doctype.html
Nejnovější HTML5 používá jako DOCTYPE prostý zápis <!DOCTYPE html>.
Hlavička stránky (element head) obsahuje informace o připojených stylech (CSS), skriptech (JavaScript), informace o autorovi, klíčová slova, stručný popis stránky, titulek stránky, použité kódování (UTF-8, windows-1250, ...), apod. Vlastní obsah stránky, který vidí návštěvník webu je umístěn v elementu body.
