Składnia języka HTML pozwala na tworzenie hiperłączy nie tylko tekstowych, ale także graficznych. Dla osoby odwiedzającej witrynę takie łącze wygląda jak obraz, a po kliknięciu na obraz przechodzi się do innej strony internetowej.
Instrukcje
Krok 1
Za pomocą dowolnego edytora graficznego zmniejsz obraz. Jego rozmiar w żadnej ze współrzędnych nie powinien przekraczać 200 pikseli. Lepiej, jeśli obraz ma układ poziomy. Może to być np. wirtualny przycisk, na którym napis jest wykonany artystyczną czcionką. Format obrazu musi być jednym z następujących: JPG, PNG, GIF. Pierwsza jest preferowana w przypadku zdjęć, a pozostałe dwie są preferowane w przypadku grafiki liniowej (jest to najlepsza kompresja). Pamiętaj, aby zapisać wynik zmiany pod nową nazwą, aby nie zepsuć oryginału.
Krok 2
Prześlij plik obrazu na serwer w folderze, w którym znajduje się plik HTML. Aby przeprowadzić takie pobieranie, możesz skorzystać z interfejsu internetowego (jeśli jest dostępny u dostawcy hostingu) lub dowolnego programu klienta FTP.
Krok 3
Umieść następujący fragment kodu w żądanym miejscu w pliku HTML:, gdzie wyrażenie po operatorze „href = to adres, do którego prowadzi link, a someimage
Krok 4
Dla niektórych użytkowników wyświetlanie obrazów w przeglądarce jest wyłączone. Dlatego wskazane jest umieszczenie wyjaśnienia, dokąd prowadzi link, bezpośrednio pod zdjęciem. W takim przypadku zmodyfikuj powyższy fragment kodu, aby wyglądał tak:
Owady zbliżenie. Tekst objaśniający pojawi się pod obrazem. Kliknięcie go również przeniesie Cię do linku.
Krok 5
Po przesłaniu zaktualizowanej wersji pliku HTML na serwer otwórz odpowiednią stronę w przeglądarce, a następnie upewnij się, że obraz jest wyświetlany, a link jest prawidłowy. Przejście wzdłuż niego powinno nastąpić po kliknięciu zarówno obrazu, jak i napisu objaśniającego znajdującego się pod nim (jeśli istnieje).
