1
00:00:00,192 --> 00:00:02,681
Legăturile sunt un mod foarte bun
de a face conecta

2
00:00:02,681 --> 00:00:04,595
o pagină web cu altă pagină web.

3
00:00:04,737 --> 00:00:07,236
Dar ele pot pot conecta deasemenea
o parte a paginii

4
00:00:07,236 --> 00:00:09,487
cu o altă parte a aceleiași pagini,

5
00:00:09,487 --> 00:00:13,695
mai ales în pagini foarte lungi,
ca un cuprins.

6
00:00:13,858 --> 00:00:16,884
Am adăugat acum
mai multe informații pe acestă pagină,

7
00:00:16,884 --> 00:00:19,501
ca să pot să-ți arăt
o istorie a internetului,

8
00:00:19,501 --> 00:00:21,708
și o istorie a versiunilor de HTML.

9
00:00:22,056 --> 00:00:25,806
Cred că e destul conținut 
așa că merită un cuprins.

10
00:00:26,232 --> 00:00:29,420
Și am început unul aici sus,
doar o listă neordonată,

11
00:00:29,420 --> 00:00:32,601
cu elemente în listă
cu fiecare titlu al secțiunilor.

12
00:00:32,859 --> 00:00:35,226
Și vreau să conetez fiecare dintre
aceste titluri de secțiune,

13
00:00:35,226 --> 00:00:38,438
ca să poți face click pe ele
și să ducă la acea parte a paginii.

14
00:00:38,624 --> 00:00:41,701
Ca să fac asta, folosesc
încă o dată tag-ul(elementul) '',

15
00:00:41,701 --> 00:00:44,952
așa că o să încep prin a 
încadra acest titlu

16
00:00:44,952 --> 00:00:48,354
în tag-urile de început și de sfârșit 
pentru ''.

17
00:00:48,650 --> 00:00:54,164
Acum, ce ar trebui să adăugăm
ca 'href' pentru acest link?

18
00:00:54,809 --> 00:00:57,808
Păi, trebuie cumva 
să spunem browser-ului

19
00:00:57,808 --> 00:00:59,799
unde să sară pe pagină.

20
00:01:00,034 --> 00:01:03,133
Un mod de a identifica unic
acea parte din pagină.

21
00:01:03,491 --> 00:01:06,337
Dacă ai învățat deja selectorii de CSS

22
00:01:06,337 --> 00:01:09,008
ai văzut deja
cum să faci asta, de fapt.

23
00:01:09,332 --> 00:01:13,516
Putem face asta adăugând
un atributul 'id' tag-ului ''.

24
00:01:13,915 --> 00:01:18,467
Să coborâm
și să găsim headig-ul ('') aici.

25
00:01:18,757 --> 00:01:22,571
Și vom adăuga un atribut ''
la acest heading.

26
00:01:22,921 --> 00:01:25,366
Așa că o să pun cursorul meu în '',

27
00:01:25,366 --> 00:01:27,429
tastez 
id = ''

28
00:01:27,429 --> 00:01:30,082
și găsesc un identificator bun
care este unic,

29
00:01:30,082 --> 00:01:32,696
precum 
"web-history".

30
00:01:33,235 --> 00:01:35,646
Bine, să urcăm înapoi la link.

31
00:01:35,912 --> 00:01:39,556
Și acum, ca să-i spunem browserului
să meargă la acest link intern,

32
00:01:39,556 --> 00:01:41,797
trebuie să începem cu semnul diez (#),

33
00:01:41,797 --> 00:01:45,498
și să scriem exact id-ul
cum l-am scris mai jos.

34
00:01:46,350 --> 00:01:48,090
Bine, și acum...

35
00:01:48,090 --> 00:01:51,339
Pune pauză
și încearcă să faci click pe link.

36
00:01:51,435 --> 00:01:56,087
Mergi, aștept.
Clicky-clicky!

37
00:01:56,547 --> 00:01:59,577
Bine. Ai văzut cum a coborât 
la acestă secțiune?

38
00:01:59,695 --> 00:02:01,138
Atunci înseamnă că a mers!

39
00:02:01,207 --> 00:02:02,877
Putem adăuga 
mai multe link-uri ca acesta

40
00:02:02,877 --> 00:02:05,555
adăugând atributul id 
la fiecare heading,

41
00:02:05,555 --> 00:02:07,705
și creând tag-uri ''
care trimit la ele.

42
00:02:07,791 --> 00:02:09,498
Dar o să las asta 
pentru tine să încerci.

43
00:02:09,538 --> 00:02:12,153
Este important să reții
că id-urile trebuie să fie unice,

44
00:02:12,153 --> 00:02:15,312
pentru că altfel browser-ul
nu va ști unde să sară.

45
00:02:15,420 --> 00:02:17,671
Așa că fă-le frumoase și descriptive.