Lekcja 38

Temat:Hiperłącza HTML.

Hiperłącze w html

<a>

Do wstawienia hiperłącza na stronę internetową służy znacznik <a>.

Znacznik <a> zawsze powinien zostać zamknięty. Musi zawierać minimum 1 atrybut: href. Wartość tego atrybutu to link, do którego ma prowadzić nasze hiperłącze.

Podstawowa konstrukcja wygląda następująco:

<a href="adres do którego ma prowadzić hiperłącze">Tekst widoczny na stronie</a>

Na przykład tak zapisana linijka kodu:

<a href="http://www.17gim.pl/pokaz_artykul.php?id_artykulu=24">Ten link poprowadzi Cię do strony Gimnazjum nr 17 w Łodzi</a>

Na stronie internetowej wyświetli się i będzie działać następująco: Ten link poprowadzi Cię do strony Gimnazjum nr 17 w Łodzi

Przećwicz i sprawdź, jak tworzy się znacznik </a>

---

Domyślnie wszystkie hiperłącza w przeglądarkach wyświetlają się podobnie:

• nieodwiedzony (niekliknięty) link jest niebieski i podkreślony,
• odwiedzony (kliknięty) link jest purpurowy i podkreślony
• aktywny (właśnie klikany) link jest czerwony i podkreślony

---

Najczęściej używane atrybuty znacznika <a>

• href

  musi być obecny. W jego wartości podajemy link, do którego ma prowadzić hiperłącze

• target

  Nie jest niezbędny. W jego wartości możemy zdefiniować, czy link ma się otworzyć np. w nowym oknie. Jako wartość można podać:
  • blank - najczęściej używany - link otworzy się w nowej karcie lub oknie
  • parent
  • safe
  • top
  Podstawowa konstrukcja: <a href="dokładny adres internetowy" target="blank">link poprowadzi Cię do podanego linku</a>
  Sprawdź jak działa atrybut target

• download

  Atrybut, który sprawi, że nie zostaniesz przekierowany do pod adres podany w hiperłączu. Zamiast tego, kliknięcie spowoduje ściągnięcie na dysk pliku umieszczonego pod adresem z hiperłącza.
  Atrybut nie jest obsługiwany przez niektóre przeglądarki: Internet Explorer, Opera (wersje przed 12), Safari.
  Podstawowa konstrukcja:<a href="adres pod którym umieszczony jest np. obrazek" download>klikając link ściągniesz obrazek</a>
  Opcjonalnie można podać wartość atrybutu download. Określi ona nazwę, pod jaką ma się zapisać plik
  Sprawdź jak działa atrybut download

---

Linkowanie obrazów

Hiperłączem może być fragment tekstu, może nim być także obrazek. Wystarczy zagnieździć znacznik <img> w znaczniku <a>:

<a href="http://www.w3schools.com">

<img src="smiley.gif" alt="Go to W3Schools!">

</a>