Jak kopírovat a vložit HTML kód na své webové stránky

Většina začínajících webmasterů se ptá, jak použít HTML k formátování textu, rozdělení obsahu do sloupců nebo vytvoření tabulek. Když narazíte na stránku, která vypadá přesně tak, jak potřebujete, můžete si v prohlížeči zobrazit zdrojový kód, zkopírovat jej a použít jako výchozí bod pro vlastní úpravy.

Kroky

Krok 1 – Zobrazte zdrojový kód

Otevřete stránku, jejíž HTML chcete zkopírovat, a v prohlížeči vyberte možnost Zobrazit zdrojový kód. Tuto volbu najdete v nabídce Zobrazit nebo po kliknutí pravým tlačítkem myši.

Krok 2 – Vyberte a zkopírujte kód

Najděte část HTML, kterou potřebujete. Pro výběr celého dokumentu stiskněte Ctrl +A, nebo myší vyberte konkrétní úsek. Pak použijte Ctrl +C pro zkopírování do schránky.

Krok 3 – Otevřete editor

Soubor, do kterého chcete kód vložit, otevřete v textovém editoru (např. Poznámkový blok ve Windows nebo TextEdit na macOS). Ujistěte se, že soubor ukládáte jako čistý text, ne jako webovou stránku.

Krok 4 – Vložte kód

Umístěte kurzor na požadované místo v souboru a stiskněte Ctrl + V. Kód se vloží přímo do vašeho HTML.

Krok 5 – Uložte změny

Uložte soubor a nechte jej otevřený v editoru, pokud plánujete další úpravy.

Krok 6 – Otestujte v prohlížeči

Otevřete upravený soubor v prohlížeči a zkontrolujte, jak se kód vykresluje. Pro další úpravy se vraťte do editoru, změny uložte a stránku v prohlížeči obnovte (F5).

Publikace

Připojte se k FTP serveru nebo použijte ovládací panel svého hostingu a nahrajte upravený soubor na web. Přepište starý soubor, pokud je to nutné.

Tipy

• Některé hostingové služby umožňují úpravu HTML přímo v ovládacím panelu – můžete tak soubory upravovat i po nahrání.
• Úpravy provádějte lokálně na svém počítači a až po dokončení soubor nahrajte na server. Tím zabráníte zobrazení neúplných verzí vašich stránek návštěvníkům.

Varování

• Opakované používání HTML kódu z jiných webů může porušovat autorská práva, zejména pokud kódem napodobujete vzhled a funkčnost původního webu. Používejte cizí kód jen jako inspiraci a upravte jej podle vlastních potřeb.

Co budete potřebovat

• Jednoduchý textový editor (např. Notepad, TextEdit, VS Code).