Znacznik określający odnośnik jest jednym z najważniejszych znaczników w HTML. Znacznik ten to <A> (otwierający) oraz </A> (zamykający). Sam znacznik otwierający i zamykający nie utworzą nam jednak poprawnego odsyłacza. Niezbędny jest jeszcze atrybut HREF, który umieszczamy wewnątrz znacznika <A>. HREF służy do określania lokalizacji dokumentu lub pliku, który ma być wyświetlony. Wygląda to tak:

<A HREF=”adres_pliku.html”>link</A>

Przykład: 

<A HREF=”glowna.html”>Wróć do strony głównej</A>

Jak nie trudno zauważyć, tekst, który znajdzie się pomiędzy <A> oraz </A> będzie wyświetlany na naszej stronie jako odnośnik. Jako łącze może służyć zarówno zwykły tekst, jak i element graficzny. Przykładowo w galerii zdjęć lepiej będzie wyglądała strzałka niż słowo DALEJ, ale to kwestia indywidualnych upodobań. 

Odnośniki lakalne, względne

Wszystkie odnośniki, które prowadzą do plików znajdujących się na naszym dysku lub serwerze, nazywane są ŁĄCZAMI LOKALNYMI. Mogą one prowadzić do zwykłych dokumentów HTML, do dokumentów PHP, CGI lub innych. W tym celu po prostu wpisujemy w HREF pozycję wymaganego pliku. A co jeżeli chcemy na naszej stronie udostępnić jakiś plik do pobrania przez odwiedzających? Nic prostszego. Wystarczy w HREF wpisać adres np. pliku ZIP. Jeżeli plik będzie się znajdował na naszym serwerze, to on również będzie linkiem lokalnym. Jak stworzyć linki lokalne? Dokładnie tak, jak w przykładzie powyżej. Jeżeli jednak dokumenty, do których prowadzą nasze odnośniki znajdują się w innym katalogu niż bieżąca strona, to należy pamiętać, aby podać dokładny adres danego dokumentu względem wyświetlanej strony. Załóżmy, że nasza strona ma adres www.naszastrona.pl (dla ułatwienia: naszastrona). Wyświetlamy stronę, która znajduje się katalogu np. zainteresowania. Adres będzie widoczny jako www.naszastrona.pl/zainteresowania. Na stronie tej mamy odnośniki: do strony głównej (index.html w katalogu głównym), do strony humory.html, która znajduje się w innym katalogu (dowcipy), na tym samym poziomie, do strony hobby2.html, która znajduje się w tym samym katalogu (zainteresowania), oraz stronę plywanie.html znajdującą się pod adresem w katalogu niżej (sport) (adresy do plików będą wyglądały następująco: naszastrona/ndex.html, naszastrona/zainteresowania/hobby2.html, naszastrona/dowcipy/humory.html oraz naszastrona/zainteresowania/sport/plywanie.html). Zaczynamy tworzyć odnośniki. Z odnośnikiem do podstrony hobby2 nie powinno być najmniejszych problemów, gdyż znajduje się on w tym samym katalogu co wyświetlana stona. Kod wyglądał będzie więc tak:

<A HREF=”hobby2.html”>Hobby2</A>

Co jednak zrobić z plikami, które nie znajdują się w tym samym katalogu? Zależy określić ich położenie. W przypadku plików, które znajdują się katalog wyżej, niż obecna strona, należy dodać do adresu znak: ../ (dwie kropki i ukośnik). Tak więc odnośnik do pliku index.html, który znajduje się w katalogu wyżej będzie następujący:

<A HREF=”../index.html”> Strona główna</A>

Należy pamiętać, że każdy katalog wyżej oznacza dodatkowy znak ../ w adresie np. jeżeli dany plik będzie się znajdował dwa katalogi wyżej, HREF musi się równać ../../plik.html. Jeżeli plik będzie dziesięć katalogów wyżej, przed adresem musi się dziesięć razy znaleźć ../.
Jeżeli natomiast chcemy podać adres pliku, który znajduje się w nowym katalogu, który znajduje się w tym samym katalogu co wyświetlana strona, wystarczy po prostu do adresu dodać nazwę katalogu. W przypadku naszego pliku pływanie.html kod będzie wyglądał następująco:

<A HREF=”sport/plywanie.html”> Pływanie</A>

W naszym przykładzie wymyśliliśmy jednak plik, który znajduje się w innym katalogu w innej lokalizacji. Co w takim wypadku? Adres naszego bierzącego pliku to www.naszastrona.pl/zainteresowania a adres pliku humory.html to www.naszastrona.pl/dowcipy/humory.html. Jak widać katalogi zainteresowania i dowcipy znajdują się na tym samym poziomie w katalogu głównym. Musimy połączyć więc dwa sposoby określania katalogów. Najpierw musimy wyjść z naszego katalogu zainteresowania a następnie wejść do katalogu dowcipy. Oto kod:

<A HREF=”../dowcipy/humory.html”>Kilka dowcipów</A>

Za pomocą ../ oraz nazw katalogów, można otworzyć każdy plik na naszym dysku lub serwerze.
Podane odnośniki, oprócz tego, że są lokalnymi (bo znajdują się na naszym serwerze), są ŁĄCZAMI WZGLĘDNYMI. Względne, czyli punktem wyjściowym jest plik, który aktualnie przeglądamy. Jeżeli zmienimy lokalizację katalogu, musimy również pamiętać o tym, by zmienić odpowiednio adresy w odnośnikach. 

Łącza bezwzględne

Omówiona powyżej łącza względne mają zarówno zalety jak i wady. Przede wszystkim przeglądarka szuka wszystkich dokumentów na jednym serwerze, i co ważniejsze przygotowując stronę na swoim komputerze, można bez problemu później w całości wysłać ją na serwer bez potrzeby jakichkolwiek zmian. 
Jeżeli jednak nie odpowiada nam ten sposób tworzenia odnośników, możemy wykorzystać ŁĄCZA BEZWZGLĘDNE. Różnią się one od względnych tym, że adresy w odnośnikach podane są niezależnie od wyświetlanego pliku. Schemat łącza bezwzględnego wygląda tak:

<A HREF=”http://www.naszastrona.pl/katalog/plik.html”> łącze bezwzględne</A>

Odnośnik bezwzględny prawie zawsze zaczyna się kombinacją http:// (istnieje kilka wyjątków), po której podaje się adres danej strony i pliku. Jeżeli zabraknie tych kilku znaków, to przeglądarka rozpozna taki odnośnik jako łącze lokalne, i najzupełniej w świecie odnośnik nie będzie działał. Należy pamiętać, aby w łączach bezwzględnych podawać adres dokładnie taki, jaki byśmy wpisywali w przeglądarce chcąc obejrzeć dany dokument. Ważne, żeby adresy były prawidłowe. W odnośnikach tego typu nie stosuje się znaków ../ (katalog wyżej), ani nie ma też znaczenia położenie aktualnie przeglądanego dokumentu. 

Łącza zewnętrzne

Łącza zewnętrzne, różnią się tym od lokalnych, że prowadzą do innych serwerów. W odnośnikach zewnętrznych możemy wykorzystać tylko i wyłącznie adresy bezwzględne. Łącza zewnętrzne podobnie jak lokalne mogą prowadzić bezpośrednio do pliku lub katalogu.
Przykładami mogą być:
<A HREF=”http://www.google.pl”>GooGle</A>
<A HREF=”http://www.forum.wirtuals.net/index.php”>Forum Wirtuals</A>


Odnośniki do skrzynki pocztowej

Często spotykanym na stronach łączem zewnętrznym jest odnośnik do skrzynki pocztowej. Budowę ma on nieco inną niż zwykły odnośnik zewnętrzny. Różni się tym, że w adresie nie dodajemy http:// ale mailto. Schemat odnośnika mailto wygląda następująco:

<A HREF=mailto:adres @ email.pl> Moj adres email </A>

Skutek uruchomienia tego odnośnika będzie taki, iż odwiedzającemu otworzy się okienko programu pocztowego, z wpisanym adresem, który podaliśmy po mailto. Dodatkowym elementem, który możemy zastosować w funkcji mailto jest temat wiadomości. Aby go dodać, bezpośrednio po adresie należy wpisać: ?subject=temat wiadomości np.:

<A HREF=mailto:adres @ email.pl?subject=temat wiadomości>Napisz do nas</A>

Efekt jest łatwy do przewidzenia. Po kliknięciu na link Napisz do nas, otworzy się okienko programu pocztowego z wypełnionymi polami odbiorca oraz temat.