Jest to bardzo wygodne, gdy obszarem aktywnego linku nie jest tekst, ale obraz. Język znaczników HTML jest do tego całkiem zdolny. Wszystko, co jest do tego potrzebne, to specjalne połączenie tagów.
Instrukcje
Krok 1
Jeśli wszystkie pliki na serwerze są przechowywane w jednym folderze, napisz następujący kod HTML strony:
‹A href=page.html› Kliknięcie tego linku przeniesie Cię do innej strony w witrynie ‹/a›
Krok 2
Dowiedz się, jak umieszczać w kodzie HTML linki do stron lokalnych znajdujących się w witrynach innych firm:
‹A href= https://server.domain/folder/page.html› Kliknięcie tego linku przeniesie Cię do strony znajdującej się w zupełnie innej witrynie ‹/a›
Krok 3
Teraz sprawdź, jak wstawiać obrazy na stronę, które są przechowywane na tym samym serwerze co witryna, pod warunkiem, że wszystkie pliki na tym serwerze są przechowywane w udostępnionym folderze:
‹Img src = nazwa pliku.jpg›
Krok 4
W ten sam sposób wstaw na stronę obrazy przechowywane na serwerach innych firm:
‹Img src =
Należy jednak pamiętać, że niektóre serwery nie pozwalają na wstawianie obrazów do stron poza nimi, wyświetlając zamiast tego wygaszacze ekranu z ostrzeżeniem lub nie pokazując nic. W takich przypadkach nie kopiuj zdjęcia na serwer lokalny - będzie to naruszenie praw autorskich. Lepiej podać link do tego zdjęcia.
Krok 5
Aby kliknąć na zdjęcie, aby przejść do linku, połącz te tagi w następujący sposób:
‹A href= https://serwer.domena/folder/page.html› ‹img src = picture.jpg› ‹/a›
W razie potrzeby zamień w tej konstrukcji globalny link do strony na lokalny lub odwrotnie, lokalny link do obrazu na globalny.
Krok 6
Na koniec, jeśli chcesz, aby link był śledzony przez kliknięcie zarówno obrazu, jak i tekstu pod nim, użyj bardziej złożonej konstrukcji, takiej jak ta:
‹A href= https://server.domain/folder/page.html› ‹img src = picture.jpg› ‹p› Zostaniesz przekierowany na inną stronę niezależnie od tego, czy klikniesz na ten tekst, czy na ten nad nim obrazek. Wynik będzie dokładnie taki sam.
