Odsyłacze (linki)

Odsyłacze, czyli popularne linki można podzielić na cztery kategorie:

Odsyłacze bliskie

Odsyłacze bliskie odnoszą sie do dokumentów w ramach serwisu.

<a href="omnie.html">Więcej informacji o Mnie</a>

Efektem tego przykładu będzie stworzenie odsyłacza do pliku omnie.html, gdzie podlinkowanym tekstem będzie „Więcej informacji o Mnie”.

WAŻNE! Pamiętaj, aby poprawnie podawać nazwę dokumentu, do którego się odwołujesz. W przypadku kiedy strony znajdują się na serwerach UNIX’owych, ważna jest wielkość liter. Dlatego też najlepiej będzie, jeżeli podajesz nazwy plików tylko małymi literami. Dla bezpieczeństwa unikaj też niebezpiecznych znaków, takich jak spacje i znaki lokalnego alfabetu. Stosując się do tych zasad, nie będziesz miał problemów z niedziałającymi linkami.

Odsyłacze dalekie

Odsyłacze dalekie odnoszą się do stron na innych serwisach internetowych.

<a href="https://home.pl/?utm_source=pomoc&utm_medium=pomoc_home&utm_campaign=pomoc_offer">Firma home.pl</a>

Przykład ten jest podobny do poprzedniego, jednakże ścieżka do pliku wygląda trochę inaczej. Rozpoczyna się ona od „http://”, który oznacza z jakiego połączenia będziesz korzystać – w tym przypadku będą to strony WWW. Jest jednak możliwość wskazania na inna usługę:

  • http:// – strony WWW,
  • ftp:// – serwer FTP,
  • news:// – grupy dyskusyjne,
  • telnet:// – zdalne podłączenie.

Możesz także stworzyć odsyłacz do adresu e-mail.

<a href="mailto:info@home.pl">Biuro Obsługi Klienta home.pl</a>

Po kliknięciu na taki link zostanie otworzony domyślny program pocztowy.

Odsyłacze wewnętrzne (tzw. kotwice)

Odsyłacze wewnętrzne umożliwiają nawigację wewnątrz jednego dokumentu.

 <a href="#top">Powrót do góry strony</a>

Instrukcja tworzenia kotwicy w dokumencie HTML:

  1. Definiujesz kotwicę, do której będziesz linkować. W tym celu należy wstawić kod
    <a name=”nazwa_kotwicy”>Nazwa odsyłacza</a> w odpowiednim miejscu dokumentu HTML.
  2. Wstawiasz link <a href=”#nazwa_kotwicy”>Nazwa odsyłacza</a>, który po kliknięciu przesunie okno przeglądarki do miejsca gdzie zdefiniowałeś kotwicę.
WAŻNE! Przy klikaniu na linki wewnętrzne (kotwice), przeglądarka nie przeładuje dokumentu – jedynie przesunie okno w odpowiednie miejsce.

Mapy na grafice

Czasami zachodzi potrzeba umieszczenia na obrazku więcej niż jednego odsyłacza, bądź też podlinkowania tylko wybranej części grafiki. Nie można tego zrobić przy użyciu znacznika. Istnieje za to możliwość zamapowania obrazka i ustawienia odsyłaczy do tych map.

  <img height="400" border="0" width="300" src="obrazek.jpg" usemap="#mapa" />
  <br /><map name="mapa">
  <area href="img01.html" coords="7, 10, 20, 20" shape="rectangle">
  </area>
  <area href="img02.html" coords="100, 120, 25" shape="circle">
  </area>
  <area href="img03.html" coords="241, 213, 153, 67, 138" shape="polygon">
  </area>
  </map>
  1. Wstawiasz obrazek – zauważ, że dodaliśmy parametr usemap – określa on jakiej definicji mapy będziesz używać.
  2. Otwierasz definicję mapy.
  3. Rysujesz kwadracik – opcja rectangle mówi, że będziesz rysować czworobok, dlatego też jako koordynanty podaj cztery wierzchołki figury.
  4. circle określa, że rysujesz okrąg lub elipsę. Parametry, które podajesz to współrzędne środka figury oraz promień.
  5. Jest też możliwość tworzenia nieregularnych figur. Opcja polygon pozwala na tworzenie figury poprzez łączenie liniami kolejnych punktów.
  6. Zamykasz definicję mapy.
  • Czy artykuł był pomocny ?
  • Tak   Nie