본문 바로가기
IT 정보/티스토리

글 내에서 이동하는 목차 만들기

by rehelm 2022. 3. 22.
반응형

목차

 

●이동시킬 목차를 생성

 

●이동 포인트 설정

 

●이동버튼 만들기

 

 

 


 

 

 

1

 

이동 시키기 위한 목차를 생성한다. 

 

ex)

1~

2~

3~

4~

5~

 

 

 

 

 


 

 

2

 

기본모드->HTML

 

<div id="이동포인트의 이름 설정"> 이동포인트로 삼고싶은 문장</div>

 

즉, 본래있던 문장(위 사진을 예로들면 <h2 data-ke~~~</h2> 까지)을 사이에 두고 명령어를 넣으면 된다.

 

 ->1이란 단어를 이동포인트 "1"로 설정하게 된 것.

 

 

 

 


 

 

3

 

2번에서 설정한 이동포인트로 이동하기위한 버튼을 만든다.

 

ex) 

1번

2번

3번

4번

5번

 

다시 HTML모드로 들어간 후 작성.

 

명령어: <a href="#"></a>

 

<a href="#아까 설정한 이동포인트의 이름"> 이동버튼으로 설정할 문장 등</a> 로 작성하면 된다.

이동포인트 1번으로 1, 이동시킬 목차를 생성 이란 문장을 눌렀을 시 이동하게 됨.

 

반응형