Linki to świetny sposób, żeby łączyć
jedną stronę z inną.
Mogą też łączyć jedną część strony
z inną - tej samej strony.
Zwłaszcza na długich stronach,
np. przy spisie treści.
Dodałam trochę informacji
do tej strony,
żeby zapoznać was
z historią Internetu
i z historią wersji HTML-u.
Taka ilość materiału
zasługuje na spis treści.
Zaczęłam go tworzyć.
To nieuporządkowana lista
wyliczająca elementy,
czyli tytuły sekcji.
Chcę podlinkować każdy tytuł,
żeby po kliknięciu
przenosił was w tę część strony.
W tym celu jeszcze raz
użyję znacznika „a”.
Najpierw zamknę ten tytuł
między znacznikiem początkowym
i końcowym „a”.
Jak ustawić „href” dla tego linku?
Musimy powiedzieć przeglądarce,
dokąd na stronie przeskoczyć.
Jednoznacznie określimy
tę część strony.
Jeśli już uczyliście się
o selektorach CSS,
widzieliście, jak to się robi.
Dodajemy atrybut „id” do znacznika.
Przejedźmy w dół
i znajdźmy nagłówek.
Dodamy do niego atrybut „id”.
Ustawię kursor w „h2”,
wpiszę: id = "
i dodam jednoznaczne określenie,
np. „web-history” (historia sieci).
Wróćmy do linku.
Żeby kazać przeglądarce
iść do linku wewnętrznego,
musimy zacząć od kratki
i wpisać ID, dokładnie tak,
jak wcześniej.
Dobrze. Teraz...
Zatrzymajcie filmik
i kliknijcie w link.
Już, zaczekam. Klik-klik!
Widzieliście, jak zostaliśmy
przeniesieni do tej sekcji?
Udało się.
Mogłabym zrobić więcej linków,
dodając atrybut „id”
do każdego nagłówka
i stawiając wskazujący je
znacznik „a”.
Sami spróbujcie to zrobić.
Pamiętajcie, że ID
musi być jednoznaczne,
aby przeglądarka wiedziała,
dokąd skoczyć.
Niech ID będą fajne i opisowe!