Úvod do kódu HTML na webu
HTML je zkratka pro Hypertext Markup Language a jedná se o formu kódu používanou k vytváření webových stránek. Jazyk HTML používají vývojáři k tomu, aby webovým prohlížečům sdělili, jaké typy obsahu se mají na stránce zobrazit. Je to nejzákladnější způsob vytváření webových stránek a jeho pochopení může být skvělým způsobem, jak se dostat k vývoji webových stránek.
Jak zobrazit zdrojový kód HTML webové stránky
Při načítání webové stránky čte webový prohlížeč kód HTML a vytváří stránku. Existuje několik způsobů, jak získat přístup ke zdrojovému kódu webové stránky. V závislosti na prohlížeči můžete na stránku kliknout pravým tlačítkem myši a vybrat možnost „Zobrazit zdrojový kód“ nebo „Zobrazit zdrojový kód stránky“. Můžete také stisknout klávesovou zkratku Ctrl+U (v prohlížečích Chrome, Firefox a Safari) nebo Ctrl+Alt+U (v prohlížeči Internet Explorer).
Porozumění značkám HTML
Jazyk HTML se skládá ze značek. Značky prohlížeči říkají, jaký typ obsahu se má na stránce zobrazit. Například značka
slouží k vytvoření nadpisu a značka
k vytvoření odstavce. Při vytváření webových stránek je důležité porozumět různým typům značek a jejich použití.
Použití webových prohlížečů k zobrazení zdrojového kódu
Většina webových prohlížečů má vestavěné nástroje pro zobrazení zdrojového kódu webové stránky. To je skvělý způsob, jak se seznámit s jazykem HTML a s tím, jak jsou různé webové stránky vytvořeny. V prohlížeči Chrome můžete otevřít Nástroje pro vývojáře kliknutím na tři tečky v pravém horním rohu a výběrem možnosti „Další nástroje“ a poté „Nástroje pro vývojáře“. Ve Firefoxu můžete Nástroje pro vývojáře otevřít kliknutím na ikonu se třemi čarami v pravém horním rohu a výběrem možnosti „Web Developer“.
Využití nástrojů pro vývojáře k zobrazení zdrojového kódu
Nástroje pro vývojáře jsou skvělým způsobem, jak zobrazit a upravit kód HTML webové stránky. V prohlížečích Chrome a Firefox můžete otevřít Nástroje pro vývojáře a kliknutím na kartu „Prvky“ zobrazit zdrojový kód. Můžete také kliknout pravým tlačítkem myši na libovolný prvek na stránce a výběrem možnosti „Inspect“ zobrazit kód HTML.
Kontrola kódu HTML pomocí nástroje Web Inspector
Web Inspector je další nástroj, který slouží k prohlížení a úpravám kódu HTML. Lze jej použít v prohlížečích Chrome, Firefox a Safari. Nástroj Web Inspector otevřete kliknutím pravým tlačítkem myši na stránku a výběrem možnosti „Inspect“ nebo stisknutím klávesových zkratek Ctrl+Shift+I (v prohlížečích Chrome a Firefox) nebo Ctrl+Alt+I (v prohlížeči Safari). V aplikaci Web Inspector můžete na kartě „Prvky“ zobrazit kód HTML stránky.
Použití editorů kódu pro přístup ke kódu HTML
Editory kódu jsou skvělým způsobem, jak přistupovat ke kódu HTML webové stránky a upravovat jej. Editory kódu umožňují zobrazit kód přehlednějším způsobem než vestavěné vývojářské nástroje. Mezi oblíbené editory kódu patří Sublime Text, Atom a Visual Studio Code.
Řešení problémů s přístupem ke kódu HTML
Někdy může být přístup ke kódu HTML webové stránky obtížný. Pokud máte potíže s přístupem ke kódu, zkuste vymazat mezipaměť a soubory cookie prohlížeče nebo vypnout všechna rozšíření pro blokování reklamy. Pokud to nepomůže, možná budete muset kontaktovat vlastníka webové stránky, abyste získali přístup ke zdrojovému kódu.
Závěr
Kód HTML je základem každé webové stránky a jeho pochopení může být skvělým způsobem, jak se dostat k vývoji webových stránek. Existuje několik způsobů, jak získat přístup ke zdrojovému kódu webové stránky, například pomocí webových prohlížečů, vývojářských nástrojů, webového inspektora a editorů kódu. Pokud máte potíže s přístupem ke kódu HTML, zkuste vymazat mezipaměť a soubory cookie prohlížeče nebo vypnout všechna rozšíření pro blokování reklam.
Chcete-li najít kód HTML a CSS webové stránky, můžete použít nástroj pro vývoj webových stránek, jako je například panel nástrojů Web Developer Toolbar pro Firefox, nebo můžete zobrazit zdrojový kód stránky pomocí integrovaných vývojářských nástrojů webového prohlížeče.
Chcete-li zkopírovat kód HTML webové stránky, můžete použít funkci „View Source“ nebo „Inspect“ webového prohlížeče.
Chcete-li zobrazit zdrojový kód webové stránky v prohlížeči Google Chrome, otevřete stránku ve webovém prohlížeči a na klávesnici stiskněte kombinaci kláves Ctrl+U (Mac: Cmd+U). Tím se zdrojový kód stránky otevře na nové kartě.
Chcete-li zkontrolovat webovou stránku v prohlížeči Google Chrome, otevřete stránku ve webovém prohlížeči a stiskněte na klávesnici kombinaci kláves Ctrl+Shift+I (Mac: Cmd+Opt+I). Tím se otevřou vývojářské nástroje Chrome, které vám umožní zobrazit zdrojový kód stránky.
Existuje několik různých způsobů, jak zobrazit náhled kódu HTML v prohlížeči. Jedním ze způsobů je otevření vývojářských nástrojů prohlížeče. Například v prohlížeči Google Chrome můžete stisknutím kombinace kláves Ctrl + Shift + I (nebo Cmd + Option + I v počítači Mac) otevřít vývojářské nástroje. Poté klikněte na kartu „Zdroje“ a vyhledejte soubor, který chcete zobrazit v náhledu. Kliknutím na soubor jej otevřete a zobrazíte kód HTML.
Dalším způsobem náhledu kódu HTML je použití textového editoru, který má vestavěnou funkci náhledu. Například Visual Studio Code má kartu „Náhled“, kterou můžete použít k zobrazení kódu HTML.
V neposlední řadě můžete také použít online editor HTML, například JSFiddle nebo CodePen. Tyto editory umožňují psát a prohlížet kód HTML ve webovém prohlížeči.