Hiperłącza są podstawą języka HTML (HyperText Markup Language). Właściwie język ten nie byłby potrzebny, gdyby nie możliwość połączenia za pomocą odsyłaczy stron dokumentów znajdujących się w różnych miejscach w jedną sieć. Zastanowimy się bardziej szczegółowo, w jaki sposób wstawić linki do kodu html stron internetowych.
Instrukcje
Krok 1
Linki wraz ze wszystkimi innymi elementami stron są odtwarzane przez przeglądarkę na podstawie zestawu opisów tych elementów otrzymanych z serwera. Opisy te prezentowane są w formie instrukcji html opisujących typy, wygląd i położenie każdego obrazu, linku, pola tekstowego, listy itp. Te instrukcje są nazywane „znacznikami”. Tag opisujący link w kodzie html wygląda tak: Simple link - tag otwierający link, następnie tekst linku, a następnie tag zamykający Dodatkowe informacje o wyglądzie i właściwościach linku są umieszczone w jego otworze i nazywa się „atrybuty”. W szczególności atrybut href zawiera adres, na który powinno zostać wysłane żądanie strony lub innego dokumentu, gdy odwiedzający kliknie w to hiperłącze. Adres w tej formie (zaczynający się od „http”) nazywany jest „bezwzględnym”. Nie zawsze konieczne jest podanie pełnego adresu internetowego - jeśli żądana strona znajduje się na tym samym serwerze iw tym samym (lub podfolderze) folderze, wystarczy nazwa pliku strony lub ścieżka do podfolderu. Adresy te nazywane są „względnymi” i wyglądają np. tak: Prosty link
Krok 2
Oznacza to, że aby dodać link do dowolnej strony, należy otworzyć jej kod html i wpisać odpowiedni tag w odpowiednim miejscu. Jeśli możesz operować plikiem zawierającym kod strony na swoim komputerze, wystarczy dowolny edytor tekstu w tym celu np. standardowy Notatnik. A jeśli strona jest administrowana za pomocą jakiegoś systemu zarządzania, to musi mieć edytor stron do edycji. W takim przypadku możesz zmienić kod strony bezpośrednio w przeglądarce, wystarczy znaleźć ten edytor w panelu sterowania i otworzyć w nim wymaganą stronę. W zależności od zastosowanego systemu sterowania, edytor może dodatkowo posiadać tryb edycji wizualnej – WYSIWYG (What You See Is What You Get – „dostajesz to, co widzisz”). W takim przypadku nie będziesz musiał „ręcznie” edytować kodu HTML. Strona w tym trybie edycji wygląda tak samo jak na witrynie - wystarczy znaleźć na niej miejsce, w którym chcesz umieścić link, napisać tekst, zaznaczyć go i naciskając odpowiedni przycisk w panelu edytora wprowadzić adres linku.
Krok 3
W tagu link możesz, oprócz adresu, podać inne informacje, które informują przeglądarkę, jak zmienić jej wygląd i zachowanie. Częściej niż inne konieczne jest określenie atrybutu target - zawiera on informację o tym, do którego okna ma zostać załadowana nowa strona. Istnieją cztery wartości: _blank - aby otworzyć dokument wskazany przez link, przeglądarka musi utworzyć osobne okno, _self - dokument musi być wczytany do tego samego okna lub ramki. "Ramka" - część okna przeglądarki, jeśli ta strona dzieli okno na kilka części, _parent - jeśli strona z linkiem została wczytana z innego okna (lub ramki), to nie posiada okna "rodzica". W takim przypadku nowy dokument powinien zostać załadowany przez przeglądarkę do okna nadrzędnego; _top - nowy dokument powinien zostać załadowany do tego samego okna, na górze dowolnych ramek (jeśli są); Na przykład: Link zostanie otwarty w nowe okno
