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!