Home >> HTML návod >> Začínáme

Začínáme

V této lekci se naučíme jak vytvořit jednoduchou webovou stránku. Nemusíte mít žádné obavy, tvorba stránek v jazyce HTML je velmi snadná, intuitivní a velmi rychle si ji osvojíte.

Postup při tvorbě webových stránek

Při tvoření webových stránek se provadí obvykle tento jednoduchý postup:

  1. Vytvoříme HTML soubor (například: v poznámkovém bloku kliknete na Soubor >> Uložit jako... a jako název zvolíte třeba soubor.html
  2. POZOR! Při zadávání názvu souboru je třeba připsat koncovku .html, protože jinak se soubor uloží jako .doc a nebude se tedy jednat o soubor html!

  3. Do souboru vpíšeme základní strukturu HTML dokumentu a nějaký HTML kód
  4. Uložíme
  5. Výsledek si prohlédneme v internetovém prohlížeči
  6. Poslední 3 kroky opakujeme dokud nedosáhneme svých představ

Podrobnější popis

Nyní se na tento postup podíváme podrobněji, protože je velmi důležité tuto lekci plně pochopit.

1. Vytvoříme HTML soubor

Jako první je třeba vytvořit soubor HTML. Takový soubor je uložený s příponou .html nebo popřípadě .htm. Zde je postup jak na to:

  1. Otevřeme si nějaký textový editor například poznámkový blok. Můžete také použít nějaký HTML editor.
  2. Vytvoříme nový prázdný soubor
  3. Soubor uložíme - pokud pracujeme v poznámkovém bloku, je třeba připsat k názvu souboru koncovku .html nebo .htm. V HTML editoru stačí obvykle zadat název a soubor se automaticky uloží jako HTML.

2. Vpíšeme HTML kód

Nyní již máme soubor HTML vytvořen a můžeme tedy začít psát webové stránky. Každý HTML dokument má svou předepsanou strukturu. Tuto strukturu tvoří tagy <html>, který ohraničuje celý dokument, dále tag <head> pomocí něhož je definována hlavička dokumentu, tag <title>, který slouží k vytvoření titulku stránky a tag <body> - ten slouží pro obsah. který bude zobrazen v prohlížeči.

Zde je ukázka toho, jak taková struktura vypadá (můžete si ji zkopírovat a vložit do Vašeho HTML souboru):

<html>
<head>
<title>Moje první webová stránka</title>
</head>
<body>
<p>Moje první webová stránka :-)</p>
</body>
</html>

3. Uložíme soubor

Nyní soubor uložíme - k tomu snad není co dodávat, ale pro úplnost: pro uložení souboru použijeme zkratku ctrl+s - ta funguje ve všech programech.

4. Výsledek si prohlédneme v internetovém prohlížeči

Existuje spousta možností, jak námi vytvořený HTML soubor otevřít v internetovém prohlížeči. Nejjednoduší možností je 2x kliknout levým tlačítkem myši na soubor, ten se automaticky otevře ve Vašem prohlížeči.

Další možností je otevřít si prohlížeč. Zde klikneme vlevo nahoře na Soubor >> Otevřít a v seznamu vybereme náš soubor a otevřeme ho. Tento postup může být v některých prohlížečích odlišný, ale vždy bude velmi podobný.

Zde si můžete zobrazit náhled a zkontrolovat si zda jste udělali vše správně.

Poslední 3 kroky opakujeme dokud nejsme spokojeni

Jen těžko lze předpokládat, že budeme se vším spokojeni na poprvé. Pokud chcete ve svém souboru něco změnit, jednoduše soubor upravte, tak jak požadujete, v textovém editoru. Poté uložte a výsledek si opět prohlédněte v prohlížeči. Ten (stejně jako textový editor) nemusíte zavírat, ale stačí pouze stránku aktualizovat.

HTML Návod
HTML Návod - HOME
Úvod
Začínáme
HTML Tagy
HTML Formátování textu
HTML Atributy
HTML Barvy
HTML Odkazy
HTML Obrázky
HTML Metadata
HTML Komentáře
HTML Formuláře
HTML Tabulky
Psaní HTML značek
HTML & CSS
HTML & JAVASCRIPT
HTML Webové šablony
HTML Test
Shrnutí
Užitečné seznamy a nástroje
Kompletní seznam HTML tagů
Kódy HTML značek
Pojmenované barvy v HTML
Generátor hexadecimálního kódu barev
HTML ukázky
Hudba na web
©2008 - 2011 Klikzone.cz
Ráj aut - inzerce nových i ojetých aut