Obsah

• Kroky

Pomocí jediného řádku kódu HTML můžete přidat obrázek, na který lze kliknout, téměř na jakýkoli web. Aby to fungovalo, budete potřebovat dvě věci: URL obrázku a URL webu.

Kroky

Metoda 1 ze 2: Psaní kódu HTML

1. 

   Vytvořte soubor HTML. Otevřete textový editor, zvolte „nový soubor“ a uložte jej jako „index.html“ (bez uvozovek).
   • Lze použít libovolný textový editor, včetně nativních pro Windows a Mac (Poznámkový blok a Textový editor).
   • Chcete-li použít program, který pracuje s HTML, stáhněte si Atom, který funguje na Windows, Mac a Linux.
   • Při výběru textového editoru klikněte před napsáním HTML na nabídku „Formát“ a na „Vytvořit jednoduchý text“, aby se soubor normálně načítal do internetových prohlížečů.
   • Textové procesory, jako je Microsoft Word, nejsou nejlepší volbou pro generování HTML, protože přidávají neviditelné znaky a formátování, které může soubor HTML rozbít, což znemožňuje jeho správné zobrazení v prohlížečích.

2. 

   
   
   Zkopírujte a vložte níže uvedený standardní kód HTML. Otevřete soubor „index.html“ a vložte jej.
   

3. 

   Najděte adresu URL požadovaného obrázku na internetu. V závislosti na vašem prohlížeči klikněte na „Kopírovat adresu URL obrázku“, „Kopírovat adresu obrázku“ nebo „Kopírovat umístění obrázku“.
   • Firefox i Internet Explorer používají „Kopírovat umístění obrázku“; v prohlížeči Chrome se zobrazí „Kopírovat adresu URL obrázku“ a v prohlížeči Safari „Kopírovat adresu obrázku“.

4. 

   
   
   Přidejte adresu URL obrázku do souboru „index.html“. Přetáhněte adresu URL obrázku myší a vložte ji stisknutím kombinace kláves CTRL + V.

5. 

   V souboru „index.html“ odstraňte cílovou adresu URL a zadejte ji.
   • Cílová URL může být cokoli chcete.

6. 

   
   
   Uložte soubor HTML.

7. 

   Otevřete jej v prohlížeči kliknutím pravým tlačítkem a výběrem prohlížeče.
   • Po otevření prohlížeče by se měl obrázek zobrazit. Jinak zkontrolujte, zda je její jméno v okně úpravy textu „index.html“ napsáno správně.
   • Pokud se při otevření prohlížeče zobrazí kód HTML (místo obrázku), uložili jste soubor „index.html“ ve formátu „Rich Text“. Zkuste to změnit v jiném editoru.

Metoda 2 ze 2: Porozumění kódu HTML

1. 

   Pochopte značku „anchor“. HTML kód se skládá z otevřených a uzavřených značek: je otevřená značka, zatímco je zavřený. Jedná se o značky „anchor“, které se používají k přidávání odkazů na webovou stránku.
   • informuje, že prohlížeč musí odkaz vykreslit, je to zkratka pro „HTML reference“. Na druhou stranu dává prohlížeči pokyn, aby proměnil vše mezi odkazy. Do uvozovek lze uvést jakoukoli adresu URL.
   • Značka prokazuje prohlížeči, že značka „kotva“ je uzavřena.
   • Když přidáváte text mezi a, stane se z něj odkaz, na který lze kliknout na webové stránce. Například: vytvořte odkaz na Google.

2. 

   Pochopte značku obrázku . Při psaní má své vlastní uzavření nebo .
   • Již poskytuje informace pro prohlížeč k vykreslení obrázku, zatímco je zkratka pro „zdroj“ a informuje, že prohlížeč musí získat obraz všeho mezi tím.
   • je příkaz k zavření značky obrázku pro prohlížeč.
   • Například: {} shromáždí obrázek z adresy URL a zobrazí jej v prohlížeči.

3. 

   Použijte tento kód kdekoli. Nyní, když víte, jak jej používat, použijte jej k přidání „klikatelných“ obrázků na jakoukoli webovou stránku, která dokáže vykreslit HTML kód.