본문 바로가기

Front/HTML

[HTML] HTML 북마크 만들기

728x90

북마크는 긴 웹페이지에서 유용하게 사용될 수 있다.

방법은 문서에서 하이퍼링크를 걸 때와 같다.

 

코드

<h2 id="이동할대상">내용</h2>

<a href="#이동할대상">내용으로가기</a>

 


 

예시

<h2 id="list1">챕터 4</h2>

 

첫번째로, 북마크를 달고자 하는 대상의 태그에 id 속성을 만들어준다.

 

 

 

<a href="#list1">챕터 4로 가기</a>

그리고 북마크가 필요한 부분에 id속성 값을 좌표로 하이퍼 링크를 달아준다.

(id속성 값에 #을 꼭 넣어주어야 한다.)

 

<a href="html_demo.html#list1">챕터4로 이동</a>

외부 링크를 통해서도 이동할 수 있다.