1. Połączenia hipertekstowe 2. ŚcieŜki względne i

Transkrypt

1. Połączenia hipertekstowe 2. ŚcieŜki względne i
1
Odsyłacze HTML
<A NAME="dalej" HREF="plik.html" TITLE="Wprowadzenie">
2. ŚcieŜki względne i bezwzględne
<html>
1. Połączenia hipertekstowe
Do określania ścieŜek względnych wykorzystujemy następujące znaki:
•
•
/ (slash) - do oddzielania nazw plików i katalogów od siebie;
.. (dwie kropki) - wskazują na katalog znajdujący się bezpośrednio powyŜej
bieŜącego.
Tabela 1 - Przykładowe ścieŜki względne
ŚcieŜka
Znaczenie
HREF="witaj.html"
Plik witaj.html znajduje się w bieŜącym katalogu.
HREF="pliki/witaj.html"
Plik witaj.html znajduje się w katalogu pliki, który z kolei
umieszczony jest w bieŜącym katalogu.
HREF="strona/pliki/witaj.html" Plik witaj.html znajduje się w katalogu pliki, który jest
podkatalogiem strona, a ten z kolei umieszczony jest
w bieŜącym katalogu.
HREF="../witaj.html"
Plik witaj.html umieszczony jest w katalogu znajdującym się
o poziom wyŜej niŜ bieŜący.
HREF="../../strona/witaj.html" Plik witaj.html znajduje się o dwa poziomy wyŜej, w katalogu
strona.
źródło: opracowanie własne
Połączenie do strony, znajdującej się na lokalnym dysku moŜemy równieŜ utworzyć
w oparciu o ścieŜkę bezwzględną. ŚcieŜka bezwzględna podaje pełną ścieŜkę dostępu do
pliku na dysku. Zawiera ona w sobie wszystkie nazwy katalogów, znajdujących się na
drodze do Ŝądanego pliku, począwszy od najwyŜszego punktu hierarchicznej struktury
katalogów.
ŚcieŜki bezwzględne zawsze rozpoczynają się od ukośnika i właśnie w ten sposób są
odróŜniane od ścieŜek względnych.
<A HREF="/c|windows/pulpit/witaj.html">
W powyŜszym przykładzie plik witaj.html znajduje się na dysku c: w katalogu
windows/pulpit.
Do tworzenia połączeń między stronami, w większości przypadków korzysta się ze
ścieŜek względnych. ŚcieŜki względne umoŜliwiają swobodne przenoszenie stron
pomiędzy róŜnymi katalogami i systemami, bez konieczności modyfikacji plików.
Andrzej Mazur – [email protected]
2
Odsyłacze HTML
<A HREF="http://www.kiss.pl/">Strona domowa KISS</A>
4. Połączenia do określonych miejsc w dokumencie
<html>
3. Połączenia do dokumentów w sieci WWW
Znacznik <A> umoŜliwia równieŜ tworzenie odnośników do tzw. etykiet.
W dokumencie moŜemy utworzyć dowolną liczbę etykiet, które będą słuŜyć jako punkty
docelowe dla róŜnych odsyłaczy. Jest to szczególnie wygodne w przypadku duŜych
objętościowo stron, wymagających podzielenia na pewne logiczne fragmenty, aby były
łatwiejsze w czytaniu. Spis zagadnień z wykorzystaniem odsyłaczy do etykiet-zakładek
jest bardzo często stosowany w Internecie. Po wybraniu takiego połączenia przeglądarka
odczyta stronę, do której ono prowadzi, a następnie przesunie ją na ekranie tak,
Ŝe będzie wyświetlana od miejsca oznaczonego za pomocą etykiety.
Do stworzenia odnośnika wykorzystujemy atrybut NAME, który zawiera słowo
kluczowe, będące jednocześnie jego nazwą.
<A NAME="rozdz4"></A>
W przeciwieństwie do połączeń odnośniki do etykiet nie są w Ŝaden sposób widoczne
na ekranie przeglądarki. Dopóki, więc tam nie przeskoczymy nie dowiemy się o jego
istnieniu.
Chcąc skierować połączenie do wybranej etykiety, uŜywamy takiej samej składni, jak
przy tworzeniu "zwykłego" połączenia do strony. RóŜnica polega na tym, Ŝe po nazwie
pliku wstawiamy znak # (hash) i nazwę etykiety, która musi być taka sama, jak ta, która
została wpisana po atrybucie NAME w kodzie odnośnika.
<A HREF="dokumentacja.html#rozdz4">Przejdź do rozdziału 4</A>
5. Połączenia do poczty elektronicznej
Często stosowanym połączeniem jest konstrukcja pozwalająca czytelnikowi strony
wysłać do jej autora (lub jakiejkolwiek innej osoby) pocztę elektroniczną. Przeglądarka
obsługująca ten sposób adresowania po wybraniu takiego połączenia powinna uruchomić
procedurę edycji i wysyłania poczty lub wywołać program pocztowy, znajdujący się
w pakiecie oprogramowania. Konstrukcja takiego połączenia wygląda następująco:
<A HREF="mailto:adres_e-mail">Napisz do autora</A>
Przykładowa zachęta do wysłania listu mogłaby wyglądać następująco:
<A HREF="mailto:[email protected]">Napisz do autora</A>
Oczywiście w miejscu, gdzie naleŜy kliknąć, moŜna teŜ po prostu podać adres poczty,
aby był widoczny bezpośrednio na ekranie przeglądarki.
<A HREF="mailto:[email protected]">[email protected]</A>
Andrzej Mazur – [email protected]

Podobne dokumenty