1
00:00:00,192 --> 00:00:02,681
Linki to świetny sposób, żeby łączyć

2
00:00:02,681 --> 00:00:04,595
jedną stronę z inną.

3
00:00:04,737 --> 00:00:07,236
Mogą też łączyć jedną część strony

4
00:00:07,236 --> 00:00:09,487
z inną - tej samej strony.

5
00:00:09,487 --> 00:00:13,695
Zwłaszcza na długich stronach,
np. przy spisie treści.

6
00:00:13,858 --> 00:00:16,884
Dodałam trochę informacji
do tej strony,

7
00:00:16,884 --> 00:00:19,501
żeby zapoznać was
z historią Internetu

8
00:00:19,501 --> 00:00:21,708
i z historią wersji HTML-u.

9
00:00:22,056 --> 00:00:25,806
Taka ilość materiału
zasługuje na spis treści.

10
00:00:26,232 --> 00:00:29,420
Zaczęłam go tworzyć.
To nieuporządkowana lista

11
00:00:29,420 --> 00:00:32,601
wyliczająca elementy,
czyli tytuły sekcji.

12
00:00:32,859 --> 00:00:35,226
Chcę podlinkować każdy tytuł,

13
00:00:35,226 --> 00:00:38,438
żeby po kliknięciu
przenosił was w tę część strony.

14
00:00:38,624 --> 00:00:41,701
W tym celu jeszcze raz
użyję znacznika „a”.

15
00:00:41,701 --> 00:00:44,952
Najpierw zamknę ten tytuł

16
00:00:44,952 --> 00:00:48,354
między znacznikiem początkowym
i końcowym „a”.

17
00:00:48,650 --> 00:00:54,164
Jak ustawić „href” dla tego linku?

18
00:00:54,809 --> 00:00:57,808
Musimy powiedzieć przeglądarce,

19
00:00:57,808 --> 00:00:59,799
dokąd na stronie przeskoczyć.

20
00:01:00,034 --> 00:01:03,133
Jednoznacznie określimy
tę część strony.

21
00:01:03,491 --> 00:01:06,337
Jeśli już uczyliście się
o selektorach CSS,

22
00:01:06,337 --> 00:01:09,008
widzieliście, jak to się robi.

23
00:01:09,332 --> 00:01:13,516
Dodajemy atrybut „id” do znacznika.

24
00:01:13,915 --> 00:01:18,467
Przejedźmy w dół
i znajdźmy nagłówek.

25
00:01:18,757 --> 00:01:22,571
Dodamy do niego atrybut „id”.

26
00:01:22,921 --> 00:01:25,366
Ustawię kursor w „h2”,

27
00:01:25,366 --> 00:01:27,429
wpiszę: id = "

28
00:01:27,429 --> 00:01:30,082
i dodam jednoznaczne określenie,

29
00:01:30,082 --> 00:01:32,696
np. „web-history” (historia sieci).

30
00:01:33,235 --> 00:01:35,646
Wróćmy do linku.

31
00:01:35,912 --> 00:01:39,556
Żeby kazać przeglądarce
iść do linku wewnętrznego,

32
00:01:39,556 --> 00:01:41,797
musimy zacząć od kratki

33
00:01:41,797 --> 00:01:45,498
i wpisać ID, dokładnie tak,
jak wcześniej.

34
00:01:46,350 --> 00:01:48,090
Dobrze. Teraz...

35
00:01:48,090 --> 00:01:51,339
Zatrzymajcie filmik
i kliknijcie w link.

36
00:01:51,435 --> 00:01:56,087
Już, zaczekam. Klik-klik!

37
00:01:56,547 --> 00:01:59,577
Widzieliście, jak zostaliśmy
przeniesieni do tej sekcji?

38
00:01:59,695 --> 00:02:01,138
Udało się.

39
00:02:01,207 --> 00:02:02,877
Mogłabym zrobić więcej linków,

40
00:02:02,877 --> 00:02:05,555
dodając atrybut „id”
do każdego nagłówka

41
00:02:05,555 --> 00:02:07,705
i stawiając wskazujący je
znacznik „a”.

42
00:02:07,791 --> 00:02:09,497
Sami spróbujcie to zrobić.

43
00:02:09,538 --> 00:02:12,153
Pamiętajcie, że ID
musi być jednoznaczne,

44
00:02:12,153 --> 00:02:15,312
aby przeglądarka wiedziała,
dokąd skoczyć.

45
00:02:15,420 --> 00:02:17,671
Niech ID będą fajne i opisowe!