Jak vytvořit složku na webové stránce

Umístěním ikony, například obrázku složky, můžete upoutat pozornost návštěvníků na důležitý odkaz nebo sekci. Taková ikona může také sloužit jako vizuální odkaz na archiv, kde jsou uloženy soubory či dokumenty, které uživatelé mohou chtít prohlédnout. Pomocí jednoduchého obrázku a několika HTML značek si na své stránce vytvoříte klikací složku, která zlepší vzhled a použitelnost webu.

Krok 1

Uložte obrázek složky na svůj webový server do stejné složky, kde máte ostatní soubory stránky. Poznamenejte si jeho relativní cestu.

Krok 2

Otevřete HTML editor, vytvořte novou stránku nebo upravte existující soubor.

Krok 3

Najděte místo, kde chcete ikonu zobrazit, a umístěte kurzor.

Krok 4

Vložte obrázek pomocí značky <img src="cesta/k/obrazku.png" alt="Složka">. Nahraďte cesta/k/obrazku.png skutečnou cestou k vašemu souboru.

Krok 5

Pokud chcete, aby ikona fungovala jako odkaz, obalte značku <img> do kotvy:

<a href="url/cilove-stranky.html">
    <img src="cesta/k/obrazku.png" alt="Složka">
</a>

Uložte soubor a v prohlížeči jej zobrazte v režimu náhledu. Pokud je výsledek uspokojivý, nahrajte stránku na server.

Tip

• Obrázek složky můžete získat z volně dostupných ikonových knihoven, ale vždy si přečtěte licenční podmínky.

Co budete potřebovat

• Obrázek složky (PNG, GIF nebo SVG)
• Webhosting
• HTML editor