Konstrukcja
Aby umieścić na stronie link (inaczej łącze lub hiperłącze), należy użyć znacznika <a>.
Znacznik <a> składa się zawsze ze znacznika otwierającego i zamykającego. To, co znajdzie się pomiędzy nimi, na stronie widoczne będzie jako link.
Podstawowa konstrukcja musi zawierać (wewnątrz znacznika otwierającego) atrybut href, którego wartość informuje przeglądarkę, gdzie ma prowadzić łącze:
<a href="adres do którego ma prowadzić hiperłącze">element widoczny na stronie</a>Na przykład tak zapisana linijka kodu poprowadzi do strony internetowej Słownika Języka Polskiego PWN:
<a href="https://sjp.pwn.pl/">Słownik Języka Polskiego PWN</a>Na stronie ten kod będzie wyglądał następująco: Słownik Język Polskiego PWN
Obrazy jako łącza
Linkiem na stronie niekoniecznie musi być tekst. Może być nim np. obrazek. Wystarczy pomiędzy otwierającym a zamykającym znacznikiem <a> umieścić znacznik <img>, zgodnie z poniższą konstrukcją:
<a href="link do strony, którą ma otworzyć łącze">
<img src="link do obrazka, który ma być łączem" alt="opis obrazka">
</a>Przykład konkretnego rozwiązania:
<a href="https://www.w3schools.com/">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a0/W3Schools_logo.svg/255px-W3Schools_logo.svg.png" alt="logo w3schools">
</a>Tak powyższy kod będzie wyświetlony przez przeglądarkę:
Często używane atrybuty
Znacznik <a> musi mieć atrybut href. To on informuje przeglądarkę, gdzie prowadzi link.
Można używać także kilku innych, jeśli uznamy je za użyteczne.
target
Atrybut target pozwoli nam np. na to, by kliknięty link otwierał się w nowej karcie przeglądarki. Jest to wygodne, gdy nie chcemy, by użytkownik, klikając link, opuścił naszą witrynę. Wtedy jak owartość musimy wpisać frazę _blank. Dodajemy go po spacji, wewnątrz znacznika otwierającego <a>:
<a href="adres do którego ma prowadzić hiperłącze" target="_blank">element widoczny na stronie</a>Sprawdź, jak działa atrybut target.
download
Dodanie tego atrybutu sprawi, że po kliknięciu łącza rozpocznie się pobieranie pliku, do którego link będzie w wartości atrybutu href. Użytkownik nie zobaczy nowej strony, pojawi się natomiast okienko dialogowe pobierania.
Sprawdź, jak działa atrybut download.
Więcej informacji
Jeśli chcesz dowiedzieć się więcej o tworzeniu linków i możliwościach znacznika <a>, warto zajrzeć np. na stronę w3schools, stronę Mozilli lub stronę oficjalnej dokumentacji organizacji w3c.