티스토리 페이지 내 하이퍼링크 만들기 : 본문 내부 링크

티스토리 본문의 내부에서

모든 내용을 읽고 싶지 않을 때가 있다.

 

이런 경우, 목차에 하이퍼링크가 걸려있어서

해당 목차를 클릭했을 때 바로 이동하게 하면

읽는 사람 입장에서 굉장히 편하다.

(물론, 적는 사람 입장에서는 귀찮을 수 있다.)

 

본문 내 하이퍼링크를 만드는 방법을 알아보자.

 

---

목차

0. 소개

1. HTML을 이용한 하이퍼링크 구현 방법

---

0. 소개

티스토리에서 글 내부에 하이퍼링크를 넣으려면

'HTML'로 작성해야 한다.

자세한 내용은 생략하고,

하이퍼링크 <a href> 태그와

<id> 속성을 사용하면

글 내부 하이퍼링크를 만들수 있다.

 

 

1. HTML을 이용한 하이퍼링크 구현 방법

① HTML 편집모드로 들어가기

'글쓰기' 모드에서 오른쪽 상단을 보면

'기본모드'로 돼 있다.

이것을 'HTML'로 바꾼다.

 

반응형

 

 

② <a href="#이름"> ------- </a> 입력

링크를 걸어줄 문장의 양쪽에

<a href="#이름">, </a>를 적어준다.

나의 경우에는 '목차' 부분이

(0. 소개, 1. HTML을 이용한 하이퍼링크 구현)

링크를 걸어줄 문장이 된다.

여기서 이름의 앞쪽에는 반드시 #을 붙여야 한다.

 

이름은 임의로 정하면 된다.

다른 지점으로 이동하고 싶다면

이름을 다르게 해야 한다.

나는 임의로 목차0, 목차1로 설정했다.

 

 

 

③ id="이름" 입력

이동하게 될 문장에

id="이름"을 입력한다.

이때는 #을 적을 필요가 없다.

 

 

본문 내 하이퍼링크 적용 결과이다.

나는 조금 귀찮을 수 있지만,

읽는 사람을 위해서

아주 작은 도움이 될 수 있지 않을까,,

하는 생각은 해 본다.