1
00:00:00,192 --> 00:00:02,681
링크는 웹페이지를 서로 연결하기 위한

2
00:00:02,681 --> 00:00:04,595
좋은 수단입니다

3
00:00:04,737 --> 00:00:07,236
또한 링크는 웹페이지의 한 부분을

4
00:00:07,236 --> 00:00:09,487
같은 웹페이지의 다른 부분과 연결할 수도 있습니다

5
00:00:09,487 --> 00:00:13,695
특히 목차를 사용하는 아주 긴 웹페이지에 요긴하게 쓰입니다

6
00:00:13,858 --> 00:00:16,884
이 페이지에는 많은 내용이 있습니다

7
00:00:16,884 --> 00:00:19,501
웹의 히스토리와 HTML 버전 히스토리를

8
00:00:19,501 --> 00:00:21,708
제공하고 있죠

9
00:00:22,056 --> 00:00:25,806
충분히 목차가 필요할 정도로 많은 내용인 것 같네요

10
00:00:26,232 --> 00:00:29,420
이 위에서 순서가 없는 목록으로 시작하겠습니다

11
00:00:29,420 --> 00:00:32,601
목록의 항목은 한 구획의 제목이 됩니다

12
00:00:32,859 --> 00:00:35,226
이 제목마다 링크를 달아서

13
00:00:35,226 --> 00:00:38,438
클릭을 하면 페이지의 그 부분으로 갈 수 있게 하겠습니다

14
00:00:38,624 --> 00:00:41,701
그러면 다시 'a' 태그로 시작합니다

15
00:00:41,701 --> 00:00:44,952
이 제목에 'a'의

16
00:00:44,952 --> 00:00:48,354
시작, 끝 태그를 다는 것으로 시작합니다

17
00:00:48,650 --> 00:00:54,164
그러면, 이 링크의 href는 어떻게 해야 할까요?

18
00:00:54,809 --> 00:00:57,808
우리는 브라우저에게 웹페이지의

19
00:00:57,808 --> 00:00:59,799
어디로 가야 하는지 알려주어야 하는데요

20
00:01:00,034 --> 00:01:03,133
페이지의 특정 부분을 유일하게 나타내는 방법으로요

21
00:01:03,491 --> 00:01:06,337
만약 CSS selector를 배웠다면

22
00:01:06,337 --> 00:01:09,008
어떻게 하는지 이미 알 것입니다

23
00:01:09,332 --> 00:01:13,516
'id' 속성을 태그에 추가하면 됩니다

24
00:01:13,915 --> 00:01:18,467
스크롤을 내려서 제목을 찾은 다음

25
00:01:18,757 --> 00:01:22,571
그리고 'id' 속성을 이 제목에 추가합니다

26
00:01:22,921 --> 00:01:25,366
이제 커서를 'h2'에 두고 다음을 입력합니다

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

28
00:01:27,429 --> 00:01:30,082
그리고 유일한 식별자를 씁니다

29
00:01:30,082 --> 00:01:32,696
"web-history" 같은

30
00:01:33,235 --> 00:01:35,646
이제 링크로 돌아가죠

31
00:01:35,912 --> 00:01:39,556
브라우저에게 이것이 internal link임을 알리려면,

32
00:01:39,556 --> 00:01:41,797
해시 (#) 문자로 시작해야 합니다

33
00:01:41,797 --> 00:01:45,498
그리고 아까 썼던 id를 씁니다

34
00:01:46,350 --> 00:01:48,090
이제...

35
00:01:48,090 --> 00:01:51,339
이 강의를 일시정지하고 링크를 클릭해 보세요

36
00:01:51,435 --> 00:01:56,087
해봐요, 기다려 드릴게요
딸깍 딸깍!

37
00:01:56,547 --> 00:01:59,577
이 구획으로 스크롤이 내려간 것을 보았나요?

38
00:01:59,695 --> 00:02:01,138
그렇다면 성공한 것입니다!

39
00:02:01,207 --> 00:02:02,877
우리는 더 많은 링크를 추가할 수 있어요

40
00:02:02,877 --> 00:02:05,555
id 속성을 모든 제목에 달고

41
00:02:05,555 --> 00:02:07,705
'a' 태그가 그것들을 가리키게 만들면 되죠

42
00:02:07,791 --> 00:02:09,498
직접 해 보세요

43
00:02:09,538 --> 00:02:12,153
중요한 것은 ID는 유일해야 한다는 점입니다

44
00:02:12,153 --> 00:02:15,312
그렇지 않다면 브라우저가 어디로 가야하는지 알 수가 없거든요

45
00:02:15,420 --> 00:02:17,671
그러니 무엇을 나타내는지 명확히 알 수 있도록 쓰세요