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!