Kodujemy w (X)HTML-u
Odnośniki lokalne
Na bardzo wielu witrynach internetowych możemy znaleźć hiperłącza o nazwie "top" albo "skocz w górę". Często pojawiają się one pod jakimiś tekstami, artykułami lub na samym dole strony itp. Kliknięcie na taki odnośnik powoduje powrót na początek witryny. Jest to jedno z najpopularniejszych zastosowań odnośników lokalnych.
Odnośniki lokalne mogą prowadzić do dowolnego miejsca, na stronie, na której się znajdują. Na przykład, na początku artykułu umieszczony jest spis treści, a w dalszej części strony występuje jego pełna treść. Spis treści może być wykonany za pomocą hiperłączy. Wówczas internauta klikający na dany punkt w spisie treści, zostanie automatycznie przeniesiony do danego akapitu, do którego został przypisany dany podpunkt. Tego typu odnośniki nazywamy lokalnymi. Zanim utworzymy taki odnośnik, musimy umieścić w dokumencie tak zwaną kotwicę, czyli oznaczyć jakoś miejsce, do którego będziemy się odwoływać. Do tworzenia kotwic używamy znacznika <a> z atrybutem name, na przykład:
<a name="wstep"></a>
Chcąc tworzyć teraz odnośniki kierujące do tej kotwicy, używamy znacznika <a> tylko, że z atrybutem href . Jako jego wartość należy wpisać nazwę kotwicy (wartość atrybutu name ) poprzedzoną znacznikiem #.
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<title>Odnośniki lokalne</title>
</head>
<body>
<h1>Spis treści</h1>
<ol>
<li><a href="#wstep">Wstęp</a></li>
<li><a href="#podpunkt1">Hiperłącza i odnośniki</a></li>
<li><a href="#podpunkt2">Odnośniki lokalne</a></li>
</ol>
<br />
<a name="wstep"></a><h2>Wstęp</h2>
<p>
Na bardzo wielu witrynach internetowych możemy znaleźć hiperłącza o nazwie "top" albo "skocz w górę". Często pojawiają
się one pod jakimiś tekstami, artykułami lub na samym dole strony itp. Kliknięcie na taki odnośnik powoduje powrót na
początek witryny. Jest to jedno z najpopularniejszych zastosowań odnośników lokalnych.
</p>
<br />
<a name="podpunkt1"></a><h2>Hiperłącza i odnośniki</h2>
<p>
Kiedy przeglądam książki, czy czytamy artykuły na stronach internetowych, natrafiamy na odwołania do innych haseł, czy
definicji. W takich wypadkach, aby dowiedzieć się czegoś więcej, musimy przeglądać kolejne strony książki, w
poszukiwaniu jego aliansu. Aby to jednak zrobić, należy "ręcznie" przekartkować kartki, by odszukać źródło odwołania...
</p>
<br />
<a name="podpunkt2"></a><h2>Odnośniki lokalne</h2>
<p>
Odnośniki lokalne mogą prowadzić do dowolnego miejsca, na stronie, na której się znajdują. Na przykład, na początku
artykułu umieszczony jest spis treści, a w dalszej części strony występuje jego pełna treść.
Spis treści może być wykonany za pomocą hiperłączy...
</p>
</body>
</html> 
O listach numerowanych (zastosowanych w powyższym przykładzie) będzie można poczytać w dalszej części artykułu.
Jak widać, na obrazku przeglądarka wyświetla hiperłącza w kolorze niebieskim i z podkreśleniem. Po tym właśnie można rozpoznać, czy dany zwrot/słowo jest odnośnikiem i można na niego kliknąć. Kiedy klikniemy w dany punkt spisu treści zostaniemy automatycznie przeniesieni do odpowiedniego akapitu.
Aby zaobserwować "przeniesienie", akapit do którego mamy zamiar przejść nie może być widoczny w oknie przeglądarki.
