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

0:00:02.681,0:00:04.595
jedną stronę z inną.

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

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

0:00:09.487,0:00:13.695
Zwłaszcza na długich stronach,[br]np. przy spisie treści.

0:00:13.858,0:00:16.884
Dodałam trochę informacji[br]do tej strony,

0:00:16.884,0:00:19.501
żeby zapoznać was[br]z historią Internetu

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

0:00:22.056,0:00:25.806
Taka ilość materiału[br]zasługuje na spis treści.

0:00:26.232,0:00:29.420
Zaczęłam go tworzyć.[br]To nieuporządkowana lista

0:00:29.420,0:00:32.601
wyliczająca elementy,[br]czyli tytuły sekcji.

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

0:00:35.226,0:00:38.438
żeby po kliknięciu[br]przenosił was w tę część strony.

0:00:38.624,0:00:41.701
W tym celu jeszcze raz[br]użyję znacznika „a”.

0:00:41.701,0:00:44.952
Najpierw zamknę ten tytuł

0:00:44.952,0:00:48.354
między znacznikiem początkowym[br]i końcowym „a”.

0:00:48.650,0:00:54.164
Jak ustawić „href” dla tego linku?

0:00:54.809,0:00:57.808
Musimy powiedzieć przeglądarce,

0:00:57.808,0:00:59.799
dokąd na stronie przeskoczyć.

0:01:00.034,0:01:03.133
Jednoznacznie określimy[br]tę część strony.

0:01:03.491,0:01:06.337
Jeśli już uczyliście się[br]o selektorach CSS,

0:01:06.337,0:01:09.008
widzieliście, jak to się robi.

0:01:09.332,0:01:13.516
Dodajemy atrybut „id” do znacznika.

0:01:13.915,0:01:18.467
Przejedźmy w dół[br]i znajdźmy nagłówek.

0:01:18.757,0:01:22.571
Dodamy do niego atrybut „id”.

0:01:22.921,0:01:25.366
Ustawię kursor w „h2”,

0:01:25.366,0:01:27.429
wpiszę: id = "

0:01:27.429,0:01:30.082
i dodam jednoznaczne określenie,

0:01:30.082,0:01:32.696
np. „web-history” (historia sieci).

0:01:33.235,0:01:35.646
Wróćmy do linku.

0:01:35.912,0:01:39.556
Żeby kazać przeglądarce[br]iść do linku wewnętrznego,

0:01:39.556,0:01:41.797
musimy zacząć od kratki

0:01:41.797,0:01:45.498
i wpisać ID, dokładnie tak,[br]jak wcześniej.

0:01:46.350,0:01:48.090
Dobrze. Teraz...

0:01:48.090,0:01:51.339
Zatrzymajcie filmik[br]i kliknijcie w link.

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

0:01:56.547,0:01:59.577
Widzieliście, jak zostaliśmy[br]przeniesieni do tej sekcji?

0:01:59.695,0:02:01.138
Udało się.

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

0:02:02.877,0:02:05.555
dodając atrybut „id”[br]do każdego nagłówka

0:02:05.555,0:02:07.705
i stawiając wskazujący je[br]znacznik „a”.

0:02:07.791,0:02:09.497
Sami spróbujcie to zrobić.

0:02:09.538,0:02:12.153
Pamiętajcie, że ID[br]musi być jednoznaczne,

0:02:12.153,0:02:15.312
aby przeglądarka wiedziała,[br]dokąd skoczyć.

0:02:15.420,0:02:17.671
Niech ID będą fajne i opisowe!