0:00:00.192,0:00:02.681
링크는 웹페이지를 서로 연결하기 위한

0:00:02.681,0:00:04.595
좋은 수단입니다

0:00:04.737,0:00:07.236
또한 링크는 웹페이지의 한 부분을

0:00:07.236,0:00:09.487
같은 웹페이지의 다른 부분과 연결할 수도 있습니다

0:00:09.487,0:00:13.695
특히 목차를 사용하는 아주 긴 웹페이지에 요긴하게 쓰입니다

0:00:13.858,0:00:16.884
이 페이지에는 많은 내용이 있습니다

0:00:16.884,0:00:19.501
웹의 히스토리와 HTML 버전 히스토리를

0:00:19.501,0:00:21.708
제공하고 있죠

0:00:22.056,0:00:25.806
충분히 목차가 필요할 정도로 많은 내용인 것 같네요

0:00:26.232,0:00:29.420
이 위에서 순서가 없는 목록으로 시작하겠습니다

0:00:29.420,0:00:32.601
목록의 항목은 한 구획의 제목이 됩니다

0:00:32.859,0:00:35.226
이 제목마다 링크를 달아서

0:00:35.226,0:00:38.438
클릭을 하면 페이지의 그 부분으로 갈 수 있게 하겠습니다

0:00:38.624,0:00:41.701
그러면 다시 'a' 태그로 시작합니다

0:00:41.701,0:00:44.952
이 제목에 'a'의

0:00:44.952,0:00:48.354
시작, 끝 태그를 다는 것으로 시작합니다

0:00:48.650,0:00:54.164
그러면, 이 링크의 href는 어떻게 해야 할까요?

0:00:54.809,0:00:57.808
우리는 브라우저에게 웹페이지의

0:00:57.808,0:00:59.799
어디로 가야 하는지 알려주어야 하는데요

0:01:00.034,0:01:03.133
페이지의 특정 부분을 유일하게 나타내는 방법으로요

0:01:03.491,0:01:06.337
만약 CSS selector를 배웠다면

0:01:06.337,0:01:09.008
어떻게 하는지 이미 알 것입니다

0:01:09.332,0:01:13.516
'id' 속성을 태그에 추가하면 됩니다

0:01:13.915,0:01:18.467
스크롤을 내려서 제목을 찾은 다음

0:01:18.757,0:01:22.571
그리고 'id' 속성을 이 제목에 추가합니다

0:01:22.921,0:01:25.366
이제 커서를 'h2'에 두고 다음을 입력합니다

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

0:01:27.429,0:01:30.082
그리고 유일한 식별자를 씁니다

0:01:30.082,0:01:32.696
"web-history" 같은

0:01:33.235,0:01:35.646
이제 링크로 돌아가죠

0:01:35.912,0:01:39.556
브라우저에게 이것이 internal link임을 알리려면,

0:01:39.556,0:01:41.797
해시 (#) 문자로 시작해야 합니다

0:01:41.797,0:01:45.498
그리고 아까 썼던 id를 씁니다

0:01:46.350,0:01:48.090
이제...

0:01:48.090,0:01:51.339
이 강의를 일시정지하고 링크를 클릭해 보세요

0:01:51.435,0:01:56.087
해봐요, 기다려 드릴게요[br]딸깍 딸깍!

0:01:56.547,0:01:59.577
이 구획으로 스크롤이 내려간 것을 보았나요?

0:01:59.695,0:02:01.138
그렇다면 성공한 것입니다!

0:02:01.207,0:02:02.877
우리는 더 많은 링크를 추가할 수 있어요

0:02:02.877,0:02:05.555
id 속성을 모든 제목에 달고

0:02:05.555,0:02:07.705
'a' 태그가 그것들을 가리키게 만들면 되죠

0:02:07.791,0:02:09.498
직접 해 보세요

0:02:09.538,0:02:12.153
중요한 것은 ID는 유일해야 한다는 점입니다

0:02:12.153,0:02:15.312
그렇지 않다면 브라우저가 어디로 가야하는지 알 수가 없거든요

0:02:15.420,0:02:17.671
그러니 무엇을 나타내는지 명확히 알 수 있도록 쓰세요