Jak na to – vytvořit a zobrazit webovou stránku
Naučte se, jak vytvořit a zobrazit webovou stránku v počítači.
Krok 1: Otevřete Poznámkový blok (PC)
Windows 8 nebo novější:
Otevřete úvodní obrazovku (symbol okna vlevo dole na obrazovce). Zadejte Poznámkový blok .
Windows 7 nebo starší:
Otevřete Start > Programy > Příslušenství > Poznámkový blok
Krok 1: Otevřete TextEdit (Mac)
Otevřete Finder > Aplikace > TextEdit
Změňte také některé předvolby, aby aplikace správně ukládala soubory. V Předvolbách > Formát > zvolte "Prostý text"
Poté v části „Otevřít a uložit“ zaškrtněte políčko „Zobrazit soubory HTML jako kód HTML namísto formátovaného textu“.
Poté otevřete nový dokument a vložte kód.
Krok 2: Napište nějaké HTML
Napište nebo zkopírujte následující HTML kód do poznámkového bloku:
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Krok 3: Uložte stránku HTML
Uložte soubor do počítače. Vyberte Soubor > Uložit jako v nabídce Poznámkový blok.
Soubor pojmenujte „index.htm“ a nastavte kódování na UTF-8 (což je preferované kódování pro soubory HTML).
Tip: Jako příponu souboru můžete použít buď .htm nebo .html. Není v tom žádný rozdíl, je to na vás.
Krok 4: Zobrazte stránku HTML ve svém prohlížeči
Otevřete uložený soubor HTML ve svém oblíbeném prohlížeči (dvojitě klikněte na soubor nebo klikněte pravým tlačítkem - a vyberte "Otevřít pomocí").
Výsledek bude vypadat asi takto:
W3Schools Online Editor – „Vyzkoušejte si to sami“
Pomocí našeho bezplatného online editoru můžete upravit HTML kód a zobrazit výsledek ve svém prohlížeči.
Je to perfektní nástroj, když chcete rychle otestovat kód. Má také barevné kódování a možnost ukládat a sdílet kód s ostatními:
Příklad
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
Klikněte na tlačítko „Vyzkoušejte si to sami“ a uvidíte, jak to funguje.
W3Schools Spaces
Pokud si chcete vytvořit svůj vlastní web a hostovat své soubory .html, vyzkoušejte náš bezplatný nástroj pro tvorbu webových stránek s názvem W3schools Spaces :