Kodujemy w (X)HTML-u
Odnośniki do podstron serwisu internetowego
Do tej pory tworzone przez nas strony, były bardzo proste. Składały się one z pojedynczych plików. W praktyce na jedną stronę internetową składa się po kilka a nawet kilkanaście tysięcy podstron. Gdyby poprzednią stronę zbudować inaczej, czyli rozdzielić artykuły na osobne strony, to mielibyśmy trzy pliki html. Jeden odpowiedzialny za "wstęp" drugi za "hiperłącza" a trzeci za "odnośniki lokalne". Wykonajmy teraz bardzo proste ćwiczenie:
- Stwórz trzy pliki: index.html, hiperlacza.html i lokalne.html,
- W każdym z plików umieść po jednym temacie index (wstęp), hiperlacza (Hiperłącza i odnośniki), lokalne (odnośniki lokalne),
- We wszystkich plikach na początku, umieść "menu główne". Jest ono bardzo podobne to tego, które robiliśmy przy poprzednich przykładach.
Menu główne:
<a href="/index.html">Strona główna (wstęp)</a><br /> <a href="/hiperlacza.html">Hiperłącza i odnośniki</a><br /> <a href="/lokalne.html">Odnośniki lokalne</a>
Index.html
<html>
<head>
<http-equiv="Content-type" content="text/html; charset=UTF-8" />
<title>Strona główna (wstęp)</title>
</head>
<body>
<a href="/index.html">Strona główna (wstęp)</a><br />
<a href="/hiperlacza.html">Hiperłącza i odnośniki</a><br />
<a href="/lokalne.html">Odnośniki lokalne</a>
<br />
<br />
<h1>Wstęp</h1>
<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>
</body>
</html>Hiperlacza.html
<html>
<head>
<http-equiv="Content-type" content="text/html; charset=UTF-8" />
<title>Hiperłącza i odnośniki</title>
</head>
<body>
<a href="/index.html">Strona główna (wstęp)</a><br />
<a href="/hiperlacza.html">Hiperłącza i odnośniki</a><br />
<a href="/lokalne.html">Odnośniki lokalne</a>
<br />
<br />
<h1>Hiperłącza i odnośniki</h1>
<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>
</body>
</html>Lokalne.html
<html>
<head>
<http-equiv="Content-type" content="text/html; charset=UTF-8" />
<title>Odnośniki lokalne</title>
</head>
<body>
<a href="/index.html">Strona główna (wstęp)</a><br />
<a href="/hiperlacza.html">Hiperłącza i odnośniki</a><br />
<a href="/lokalne.html">Odnośniki lokalne</a>
<br />
<br />
<h1>Odnośniki lokalne</h1>
<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>Jak teraz można się przekonać, klikając na poszczególny link, przeglądarka internetowa wyświetla kolejne podstrony jakie stworzyliśmy.
