HTML

základní návod pro psaní stránek
HTML

Prohlížeč

Proces posílání stránek

Zdrojový kód, zdroj

HTML tagy

Vytváření stránek

Posílání stránek na server

Odkazy

HTML

HTML je značkovací jazyk pro psaní webových stránek. Zkratka znamená Hyper Text Markup Language. Poslední verzí je HTML 4.02. Nejvíce se používá HTML verze 3.2 nebo různé hybrydy. Důležité je totiž to, co ukáže prohlížeč.

Prohlížeč

Prohlížeč je program, kterým se internetové stránka čtou, prohlíží. Nejznámější jsou Internet Explorer a Netscape Navigator. Každý prohlížeč interpretuje HTML tagy trochu jinak, ale základ je stejný. V květnu 2002 vypadá rozdělení prohlížečů mezi českými čtenáři takto:

Prohlížeč Rozšířenost
Internet Explorer 6 31 %
Internet Explorer 5 a 5.5 61 %
Internet Explorer 4 2 %
Netscape 6 a Mozilla 2 %
Netscape 4 2 %
Opera, Linx aj. 2 %

Proces posílání stránek

Co se děje, když vyťukáme do prohlížeče adresu? Např www.seznam.cz?

  1. Náš prohlížeč doplní na začátek http:// a pošle dotaz do Internetu.
  2. DNS server někde na cestě najde server s adresou seznam.cz
  3. Server seznam.cz vezme soubor index.html a odešle ji nazpátek. To jméno index.html je nastavené, aby se posílalo, když není upřesněn soubor.
  4. Soubor index.html dorazí do našeho počítače. Ujme se ho prohlížeč.
  5. Prohlížeč čte soubor index.html. Je to v jazyce HTML, který ten prohlížeč umí zobrazovat.
  6. S tím, jak prohlížeč přečte nějakou známou značku (tag) vykreslí obsah stránky seznam.cz.
  7. A můžeme číst.

Zdrojový kód, zdroj

Když si otevřeme libovolnou internetovou stránku v prohlížeči, můžeme si zobrazit také její zdroj. Dělá se to příkazem Zobrazit > Zdrojový kód. Otevře se nějaký program (nejspíše Zápisník). Uvidíme text obalený značkami, které jsou uzavřeny v ostrých závorkách. Těm značkám se říká tagy.

HTML tagy

Sobory s příponou htm nebo html obsahují text obalený značkami, kterým se říká tagy. Tagy určují, jak se bude text, který obalují, formátovat. Proces vytváření stránek tedy spočívá v obalování textu značkami.

Například pro tučný text existuje značka <b>. Tam, kde tučný text končí, se dává značka </b>. Kurzíva se dělá tagem <i> a končí </i>. Tagy se dají zanořovat

<b><i>Příklad tučné kurzivy</i></b> jak vypadá v HTML zdroji.

Je třeba naučit se HTML tagy. Jejich přehled je například zde.

Vytváření stránek

Stránky se tvoří v textovém editoru (např. Zápisník) v HTML jazyce. Píše se zdroj a ukládá se napřed na disk.

Stránku tvoří většinou více html souborů, které jsou navzájem provázané odkazy. Jsou v jednom adresáři, aby se s nimi snáze manipulovalo. Hlavní stránku je třeba pojmenovat index.html.

Posílání stránek na server

Jakmile jsou stránky hotové, posílají se na server. K tomu se používá FTP. FTP znamená File Transmision Protocol a je to protokol na posílání souborů. K použití FTP je potřeba mít nějaký program, který FTP umí. Třeba nějaký nový prohlížeč (Internet Explorer 5 nebo 6).

Musíme znát adresu, kam se budou soubory posílat, přihlašovací jméno a heslo. To všechno by nám měl říct správce serveru nebo bychom tyto údaje měli dostat při registraci.

Do políčka adresy vyťukáme ftp://ftp.server.cz. Objeví se přihlašovací okno, zadáme jméno a heslo. Pak se objeví seznam  našich souborů, co máme na webu (napoprvé tam žádné nejsou).

V druhém okně průzkumníka si otevřeme naše soubory na disku a přetáhneme je myší na server.

Odkazy

Jak psát web, asi nejlepší české stránky o HTML

Jirka Kosek, téměř vše o WWW

HTML přehled tagů