투자이너의 투자이야기

티스토리 블로그는 HTML 편집을 통해서 글 본문 내 목차를 만들고 해당 목차의 카테고리를 클릭하면 본문 내로 이동하는 링크를 만들 수 있다. 몇까지 코딩을 겸해주면 된다. 

방법은 다음과 같다.

첫 번재, 아래와 같이 목차를 작성해준다.

『목차 - 연습용』

1. 가는 무엇인가?

2. 나는 무엇인가?

3. 다는 무엇인가?

두 번째, 목차를 클릭하면 이동할 콘텐츠를 아래와 같이 본문내 기입하여 준다. 

세 번째, HTML로 접속하여 아래와 같이 변경한다. HTML로 변경하면 아래와 같이 검은 배경의 화면이 뜨고 자신이 작성한 본문 내 콘텐츠가 코딩 사이에 기록된다. 우리는 여기서 이동링크를 적용하기 위해서 1. 가는 무엇인가의 앞뒤로 아래 빨간 네모박스처럼 기록해준다. <a here="#c1">1. 가는 무엇인가</a>, 여기서 #c1은 하나의 주소라고 보면된다. #c1은 아무렇게 작성해주면 되지만 영문만 가능하고 앞에 #을 무조건 붙여줘야한다. 필자는 2. 나는 무엇인가를 #c2로 3. 다는 무엇인가를 #c3로 명명하겠다. 

네 번째, HTML 내 이동할 콘텐츠로 넘어가서 id="c1", id="c2", id="c3"를 삽입해준다. 원래 해당 콘텐츠로 가면 <b>1. 가는 무엇인가</b>로 작성이 되어 있는데 <b>안에 아래의 형식처럼 <b id="c1">으로 작성해준다. 이는 위에서 기록한 #c1을 클리하면 c1으로 이동한다는 의미다. 이 과정을 끝마치고 완료를 누르면 된다. 

다섯번째, 여기서 주의점은 꼭 모든 글을 작성하고 HTML 편집모드로 들어가 작성을 완료해야한다. HTML모드에서 기본모드로 다시 바꾸어 글을 수정하면 위의 코딩 일부가 변경되는 경우가 생기고 다시 HTML모드에서 재작성해주어야 한다. 

기본모드

HTML 모드 : 반드시 이 모드에서 코딩을 완료 후 작성완료해야한다. 기본모드로 돌아가면 형식이 깨진다.

1. 가는 무엇인가?

2. 나는 무엇인가?

3. 다는 무엇인가?