HTML 내부 링크(책갈피) 목차 만들기
블로그를 운영하는 기간이 늘어날수록 운영하고 있는 블로그에 새로운 기능 또는 새로운 방법을 적용시키고 싶은 마음이 커집니다. 그중에 하나가 블로그 포스팅 글을 개미지옥처럼 연결해 놓은 것입니다. 이게 뭔 말이냐 하면 어떤 하나의 포스팅에 파생한 글들이 연결된 상태를 말합니다. 아무래도 글을 읽는 소비자는 관심 있는 새로운 파생 글을 보게 되면 자연스럽게 넘어가기 쉽기 때문입니다. 현재 티스토리에는 플러그인에서 이전 글 넣기를 통해서 포스팅마다 링크를 걸 수 있습니다. 그러나 글 안에서 내부 링크(책갈피)는 별도 기능이 없기 때문에 html 작업을 통해 연결해야 합니다. 어렵지 않으니 숙지하여 블로그에 적용해 보시기 바랍니다. 간단히 HTML 내부링크(책갈피) 목차 만들기 포스팅을 정리하였으니 참고 바랍니다.
HTML 내부링크(책갈피) 목차 만들기
1. 티스토리 및 기타 블로그에서 HTML로 접근합니다.
2. 해당하는 위치에 아래 코드를 적용합니다.
<a id="Verse 1">애국가 1절</a>
<a href="#Verse 1">클릭시 애국가 1절로 이동</a>
3. 글을 발행하여 확인합니다.
예시 적용 - HTML 내부 링크(책갈피) 목차 만들기
목차
클릭시 애국가 1절로 이동
클릭시 애국가 2절로 이동
클릭시 애국가 3절로 이동
클릭시 애국가 4절로 이동
애국가 1절
동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세 무궁화 삼천리 화려 강산 대한 사람 대한으로 길이 보전하세
애국가 2절
남산 위에 저 소나무 철갑을 두른 듯 바람 서리 불변함은 우리 기상일세 무궁화 삼천리 화려 강산 대한 사람 대한으로길이 보전하세
애국가 3절
가을 하늘 공활한데 높고 구름 없이 밝은 달은 우리 가슴 일편단심일세 무궁화 삼천리 화려 강산 대한 사람 대한으로길이 보전하세
애국가 4절
이 기상과 이 맘으로 충성을 다하여 괴로우나 즐거우나 나라 사랑하세 무궁화 삼천리 화려 강산 대한 사람 대한으로 길이 보전하세
결론
긴 글을 작성했을때 주요 항목으로 이동하는 목차로 사용할때 좋습니다. 잘 활용 하시길 바랍니다.
관련 글
· 티스토리 html 블로그 닉네임 숨기는 방법
오늘도 수고..☆
(っ’-‘)╮ =͟͟͞͞♡ =͟͟͞͞♡ =͟͟͞͞♡
