티스토리 목차 만들기 html 코드! 눌러서 이동 시키기

티스토리 목차 만들기 쉽게 가능합니다. 간단하게 html 코드 만들어서 포스팅하면 목차를 눌러서 해당 글이 있는 곳으로 이동시킬 수 있습니다.

 

 

이 포스팅에서는 기본적인 내용만 다루고 있으므로 디자인이나 활용방법은 따로 확인해 보시기 바랍니다. 눌러서 이동시키는 방법만 확인하시는 분들께 도움이 될 내용입니다.

 

 

1. 목차 만들기 결과물

 

 

목차와 누를 수 있도록 만든 다음에 해당 목차 내용을 누르면 원하는 페이지로 이동하게 됩니다. 간단하지만 코드를 직접 작성해야 한다는 점이 번거로울 수 있겠으나 이런 식으로 목차를 만든다면 가독성 및 포스팅 페이지 방향을 좀 더 쉽게 알 수 있을 것입니다.

 

2. 목차 만들어 보기

 

 

목차의 기본적인 틀인 html 코드입니다. 이 내용을 티스토리 서식에 넣어두고 필요할 때 넣어서 사용하시면 됩니다. html 코드를 넣어 목차를 만들었다 하여도 이동할 페이지에 html 코드를 걸어주지 않으면 이동이 되지 않습니다.

 

 

위의 코드에서 제목 내용을 변경해 주시고 이동할 곳에 id="01"을 넣어주시면 됩니다. 좀 더 쉽게 이야기하자면 목차를 만들었다면 아래에 내용을 작성하고 거기에 id 코드를 넣어 이동하게 걸어주시면 되는 것입니다.

 

위의 코드로 작성할 때 목차에 "#01"이라고 작성했는데 이동할 곳에 id 코드를 작성할 때에는 # 을 적지 않고 걸어주셔야 이동이 됩니다.

 

목차 서식.txt

0.00MB

 

3. 실제 목차 만들기 구현

 

1. 목차 만들기 서식 - 코드사용
2. 이동할 곳에 내용 작성
3. id="--" 걸어주기

실제 목차 만들어서 이동시키는 것은 굉장히 간단합니다. 아래 구현 되는 모습을 직접 눌러보시기 바랍니다. 목차 만드셔서 가독성 높은 글을 만들어보시기 바랍니다.

 

 

목차

1. 여기를 누르시면 맨 위로 이동하게 됩니다.