HTML editory
Jednoduchý textový editor je vše, co potřebujete, abyste se naučili HTML.
Naučte se HTML pomocí programu Poznámkový blok nebo TextEdit
Webové stránky lze vytvářet a upravovat pomocí profesionálních HTML editorů.
Pro výuku HTML však doporučujeme jednoduchý textový editor, jako je Poznámkový blok (PC) nebo TextEdit (Mac).
Věříme, že používání jednoduchého textového editoru je dobrý způsob, jak se naučit HTML.
Chcete-li vytvořit svou první webovou stránku pomocí programu Poznámkový blok nebo TextEdit, postupujte podle následujících kroků.
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 uložit svůj kód online, vyzkoušejte náš bezplatný nástroj pro tvorbu webových stránek s názvem W3schools Spaces :