-
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!
