Jak dodać ikonę folderu na stronie internetowej

Umieszczenie na stronie ikony folderu może przyciągnąć uwagę odwiedzających i wskazać miejsce, w którym znajdują się dodatkowe pliki lub dokumenty. Dzięki kilku prostym tagom HTML i obrazkowi, możesz stworzyć taki „folder” i wzbogacić wygląd swojej witryny.

Kroki

Krok 1

Umieść wybrany obrazek folderu na serwerze w tym samym katalogu, w którym przechowujesz pozostałe pliki strony. Zanotuj jego ścieżkę – będzie potrzebna przy tworzeniu odnośnika.

Krok 2

Otwórz edytor HTML i rozpocznij nową stronę lub edytuj istniejącą.

Krok 3

Znajdź miejsce, w którym ma pojawić się ikona folderu, i ustaw tam kursor.

Krok 4

Wstaw obrazek, używając tagu <img> i podając ścieżkę do pliku. Przykład:

<img src="images/folder.png" alt="Folder">

Krok 5

Jeśli chcesz, aby ikona była linkiem, otocz ją tagiem <a>, podając docelowy adres URL. Przykład:

<a href="https://przyklad.pl/dokumenty">
    <img src="images/folder.png" alt="Folder">
</a>

Zapisz plik i podglądnij go w przeglądarce. Gdy efekt Cię satysfakcjonuje, prześlij stronę na serwer.

Wskazówka

• Możesz pobrać ikonę folderu z darmowych banków grafik, ale sprawdź licencję, aby upewnić się, że możesz jej używać komercyjnie.

Co będzie potrzebne

• Obrazek przedstawiający folder (np. w formacie PNG lub SVG)
• Dostęp do hostingu www
• Edytor tekstu obsługujący HTML