1분이면 끝나는, 티스토리 글에 html로 목차 넣는법 공유

안녕하세요, hisabori입니다.

오늘은 티스토리 글에 목차를 넣는 법을 알아보고자 합니다.

가끔 인터넷에서 글을 보다 보면 아래와 같은 목차를 볼 수 있는대, seo (사이트 최적화) 에도 도움이 된다고 합니다. 

 

 

목차 예시

• 목차

만드는 방법은 생각보다 간단한데요, 지금부터 만들어 보도록 하겠습니다.

먼저 티스토리의 글 작성 메뉴에서 기본 모드를 html 로 변경해 주세요.

html모드에 들어온 상태입니다. 이제 여기서 목차를 작성할 위치로 이동한 뒤, 아래와 같은 코드를 작성해 주세요.

 

 

<h1>목차 예시 만들기</h1>
<li><a href="#p1">이거는 1번으로</a></li>
<li><a href="#p2">이거는 2번으로</a></li>
 
 
 
<h3>이동할 위치</h3>
<p id="p1">1번</p>
<p id="p2">2번</p>

 

반응형

 

아래는 코드가 완성된 모습입니다.

 

목차 예시 만들기

• 이거는 1번으로
• 이거는 2번으로

이동할 위치

1번

2번

 

 지금까지 티스토리 목차를 만드는 법을 한번 알아 보았습니다.

감사합니다.