1. Co je to kódování HTML? Protože HTML je značkovací jazyk, je obsah webové stránky uspořádán pomocí značek. Než začnete kódovat v jazyce HTML, potřebujete textový editor. Přestože počítače Mac obsahují vestavěný textový editor TextEdit, doporučuje se používat sofistikovanější editor kódu vytvořený speciálně pro vývoj webových stránek, například Atom, Visual Studio Code nebo Sublime Text. Tyto editory usnadňují kódování tím, že poskytují funkce, jako je zvýrazňování syntaxe a automatické dokončování.
Stačí otevřít vybraný editor kódu, vytvořit nový soubor a začít kódovat. Mezi úvodní a závěrečné značky html> se zadává kód HTML. Obsah uvnitř těchto značek můžete uspořádat pomocí dalších značek, jako jsou head>, body>, div>, p>, h1> až h6> a mnoho dalších. Chcete-li svůj text zestručnit a zjednodušit jeho pochopení pro webové prohlížeče, používejte otevírací a uzavírací značky. Kam mám psát kód HTML?
Kód HTML můžete začít psát, jakmile otevřete editor kódu a vytvoříte nový soubor. Značky HTML, vlastnosti a obsah můžete zadávat na prázdném plátně editoru kódu. Stačí, když kód do editoru zadáte ihned. Chcete-li zaručit, že váš soubor bude identifikován jako soubor HTML, nezapomeňte jej uložit s příponou.html. Jak vytvořit soubor HTML?
3. Podle těchto pokynů vytvoříte soubor HTML na počítači Mac: V kroku 1 otevřete svůj oblíbený editor kódu. 2. Chcete-li vytvořit nový soubor, vyberte v nabídce „Soubor“ na panelu nabídek možnost „Nový“.
3. Vyplňte soubor svým kódem HTML. 4. Chcete-li soubor uložit, zvolte po druhém kliknutí na „Soubor“ možnost „Uložit“. 5. Poté, co se rozhodnete, kam v počítači Mac soubor uložíte, pojmenujte jej a přidejte příponu.html. 6. Kliknutím na tlačítko „Uložit“ uložte soubor do zvoleného umístění. Gratulujeme vám! Ve svém počítači Mac jste vytvořili soubor HTML. Jak spustit kód HTML v prohlížeči Chrome na počítači Mac?
4.
Je nezbytné vyzkoušet kód HTML ve webovém prohlížeči, abyste zjistili, jak se bude zobrazovat a chovat. Podle těchto pokynů spustíte kód HTML v prohlížeči Chrome na počítači Mac: V kroku 1 otevřete prohlížeč Chrome v počítači Mac. 2. Stiskněte klávesovou zkratku Command + O nebo klikněte na „Soubor“ na panelu nabídek a vyberte „Otevřít soubor“. 3. Po vyhledání souboru HTML, který chcete použít, vyberte možnost „Otevřít“.
4. Po otevření souboru HTML jej Chrome zobrazí jako webovou stránku.
Kód HTML můžete umístit buď lokálně na webový server, nebo jej nahrát na vzdálený server a spustit jej. Při spolupráci s ostatními nebo při práci na složitějších projektech vám tyto techniky umožní navštívit webovou stránku pomocí adresy URL.
A konečně, vytváření HTML na Macu je jednoduchý proces, který vyžaduje editor kódu, jako je Sublime Text nebo Visual Studio Code. Stačí spustit editor kódu, vytvořit nový soubor, zadat kód HTML a uložit dokument s příponou.html. Soubor můžete hostovat na místním nebo vzdáleném webovém serveru nebo jej otevřít přímo v prohlížeči Chrome a otestovat svůj kód HTML v prohlížeči Chrome na počítači Mac. Pokud budete postupovat podle těchto kroků, budete na dobré cestě ke zvládnutí kódování HTML na Macu.
Pomocí těchto pokynů spustíte HTML ve Visual Studiu Mac: Otevřete Visual Studio Mac a výběrem možnosti „Nový projekt“ v nabídce Soubor spusťte zcela nový projekt. 2. Vyberte správnou šablonu pro svůj projekt výběrem možnosti „Web“ z kategorie „ASP.NET Core“. 3. Po založení projektu naleznete v levé části obrazovky průzkumníka řešení. Rozbalením složky projektu vyhledejte složku „wwwroot“. 4. Chcete-li vytvořit nový soubor HTML, klikněte pravým tlačítkem myši na složku „wwwroot“ a zvolte „Add“ (Přidat) > „New File“ (Nový soubor). 5. Klepněte na tlačítko „New“ a dejte souboru HTML název končící na „.html“, například „index.html“.
6. Soubor HTML se otevře v editoru aplikace Visual Studio Mac. Váš obsah HTML nyní můžete začít kódovat. 7. Klepněte pravým tlačítkem myši na soubor HTML v průzkumníku řešení a zvolte „Zobrazit v prohlížeči“ nebo „Otevřít pomocí“ > „Výchozí webový prohlížeč“ pro jeho spuštění. 8. Váš výchozí webový prohlížeč poté otevře soubor HTML a umožní vám zobrazit vytvořené výsledky. Upozorňujeme, že Visual Studio Mac nemusí mít všechny možnosti a funkce specializovaného IDE pro vývoj webových aplikací, protože se jedná především o integrované vývojové prostředí (IDE) pro vývoj aplikací.NET. Stále jej však můžete používat pro jednoduché úlohy vývoje webu, jako je vytváření a spouštění souborů HTML.
Pro začátek kódování v základním jazyce HTML můžete použít níže uvedené kroky:
1. Na počítači Mac spusťte textový editor, například TextEdit nebo Sublime Text.
2. Prohlížeči sdělte, že vytváříte kód HTML, a to tak, že začnete deklarací doctype HTML. Na začátek kódu by měl být přidán následující řádek: 3. Vytvořte otevírací a uzavírací značky pro HTML:
“’html
„`
3. Vytvořte otevírací a uzavírací značky pro HTML. Uvnitř těchto značek umístíte svůj kód HTML. následující řádky, prosím: Uvnitř prvků HTML
“‘ HTML
„`
4. Vytvořte část hlavičky vaší webové stránky. Zde popíšete svou webovou stránku. následující řádky, prosím: “’HTML“‘
head>
/head>
„`
5. Nezapomeňte do značek head umístit název své webové stránky. Tento název se zobrazí v titulkovém řádku nebo na kartě prohlížeče. následující řádky, prosím: “’html“‘
“’title>Titulek vaší webové stránky
„„
6. V hlavičce se zobrazí název vaší webové stránky. Po části head napište viditelný text vaší webové stránky do oblasti body. následující řádky, prosím: body>
/body>
“’html
„`
7. Do značek body můžete začít vkládat informace a objekty HTML. Například pro vytvoření záhlaví můžete použít značku ‚h1>‘, za kterou následuje text, který chcete zobrazit. následující řádky, prosím:
“’html
Dobrý den, světe!
„`
8. Soubor pojmenujte například „index.html“ a uložte jej s příponou.html.
9. Chcete-li vidět svůj základní kód HTML v akci, otevřete uložený soubor HTML ve webovém prohlížeči.
Mějte na paměti, že toto je pouze začátek. V jazyce HTML je k dispozici velké množství značek a atributů, které vám pomohou uspořádat a vytvořit vaše webové stránky. Chcete-li se o kódu HTML dozvědět více, můžete si prohlédnout různé zdroje a výukové programy.