WEBVTT

00:00:00.192 --> 00:00:02.681
Linki to świetny sposób, żeby łączyć

00:00:02.681 --> 00:00:04.595
jedną stronę z inną.

00:00:04.737 --> 00:00:07.236
Mogą też łączyć jedną część strony

00:00:07.236 --> 00:00:09.487
z inną - tej samej strony.

00:00:09.487 --> 00:00:13.695
Zwłaszcza na długich stronach,
np. przy spisie treści.

00:00:13.858 --> 00:00:16.884
Dodałam trochę informacji
do tej strony,

00:00:16.884 --> 00:00:19.501
żeby zapoznać was
z historią Internetu

00:00:19.501 --> 00:00:21.708
i z historią wersji HTML-u.

00:00:22.056 --> 00:00:25.806
Taka ilość materiału
zasługuje na spis treści.

00:00:26.232 --> 00:00:29.420
Zaczęłam go tworzyć.
To nieuporządkowana lista

00:00:29.420 --> 00:00:32.601
wyliczająca elementy,
czyli tytuły sekcji.

00:00:32.859 --> 00:00:35.226
Chcę podlinkować każdy tytuł,

00:00:35.226 --> 00:00:38.438
żeby po kliknięciu
przenosił was w tę część strony.

00:00:38.624 --> 00:00:41.701
W tym celu jeszcze raz
użyję znacznika „a”.

00:00:41.701 --> 00:00:44.952
Najpierw zamknę ten tytuł

00:00:44.952 --> 00:00:48.354
między znacznikiem początkowym
i końcowym „a”.

00:00:48.650 --> 00:00:54.164
Jak ustawić „href” dla tego linku?

00:00:54.809 --> 00:00:57.808
Musimy powiedzieć przeglądarce,

00:00:57.808 --> 00:00:59.799
dokąd na stronie przeskoczyć.

00:01:00.034 --> 00:01:03.133
Jednoznacznie określimy
tę część strony.

00:01:03.491 --> 00:01:06.337
Jeśli już uczyliście się
o selektorach CSS,

00:01:06.337 --> 00:01:09.008
widzieliście, jak to się robi.

00:01:09.332 --> 00:01:13.516
Dodajemy atrybut „id” do znacznika.

00:01:13.915 --> 00:01:18.467
Przejedźmy w dół
i znajdźmy nagłówek.

00:01:18.757 --> 00:01:22.571
Dodamy do niego atrybut „id”.

00:01:22.921 --> 00:01:25.366
Ustawię kursor w „h2”,

00:01:25.366 --> 00:01:27.429
wpiszę: id = "

00:01:27.429 --> 00:01:30.082
i dodam jednoznaczne określenie,

00:01:30.082 --> 00:01:32.696
np. „web-history” (historia sieci).

00:01:33.235 --> 00:01:35.646
Wróćmy do linku.

00:01:35.912 --> 00:01:39.556
Żeby kazać przeglądarce
iść do linku wewnętrznego,

00:01:39.556 --> 00:01:41.797
musimy zacząć od kratki

00:01:41.797 --> 00:01:45.498
i wpisać ID, dokładnie tak,
jak wcześniej.

00:01:46.350 --> 00:01:48.090
Dobrze. Teraz...

00:01:48.090 --> 00:01:51.339
Zatrzymajcie filmik
i kliknijcie w link.

00:01:51.435 --> 00:01:56.087
Już, zaczekam. Klik-klik!

00:01:56.547 --> 00:01:59.577
Widzieliście, jak zostaliśmy
przeniesieni do tej sekcji?

00:01:59.695 --> 00:02:01.138
Udało się.

00:02:01.207 --> 00:02:02.877
Mogłabym zrobić więcej linków,

00:02:02.877 --> 00:02:05.555
dodając atrybut „id”
do każdego nagłówka

00:02:05.555 --> 00:02:07.705
i stawiając wskazujący je
znacznik „a”.

00:02:07.791 --> 00:02:09.497
Sami spróbujcie to zrobić.

00:02:09.538 --> 00:02:12.153
Pamiętajcie, że ID
musi być jednoznaczne,

00:02:12.153 --> 00:02:15.312
aby przeglądarka wiedziała,
dokąd skoczyć.

00:02:15.420 --> 00:02:17.671
Niech ID będą fajne i opisowe!