HTML-링크 | 티스토리 링크넣는 방법 2가지

오늘은 블로그에 링크를 넣는방법들을 알아보겠습니다.

 

사진과 같이 블로그에서 제공하는 툴을 사용하는 방법이있고, HTML을 사용하는 방법도 있습니다.

 

블로그 툴 사용하기

1. 링크툴에 URL을 붙여넣습니다

URL 붙여넣기

**새창으로 열기를 선택하면 링크를 클릭하면 새탭/브라우저 에서 열리고, 선택안하면 현재창에서 열립니다**

 

2. 링크와 미리보기가 생성됩니다

링크, 미리보기 생성

 

텍스트에 링크를 걸려면 텍스트를 선택하고 링크툴에 주소를 넣어주면됩니다.

---

HTML으로 링크넣기

1. 블로그 수정 페이지 위에서 HTML모드로 바꾸기

HTML모드로 변경

2. HTML태그 작성하기

HTML 링크태그

<a href="https://learncoderepeat.tistory.com/">Learn, Code, Repeat</a>

Learn, Code, Repeat

 

중요!!

<a href="https://learncoderepeat.tistory.com/">Learn, Code, Repeat</a>

<a></a>
HTML의 링크 태그 입니다

href=""
링크의 주소(URL)를 지정합니다

 

팁!!

<a href="https://learncoderepeat.tistory.com/" target="_blank">...</a>

target="_blank"은 티스토리 툴의 "새창에서 열기"와 똑같은 설정입니다

Learn, Code, Repeat

---

꿀팁!!

이미지가 링크였으면 하시는분들은

1. 티스토리의 이미지 옵션에서 링크버튼을 눌러 주소를 넣어 링크삽입

이미지에 링크 삽입

2. HTML의 링크태그 안에 이미지 태그를 넣어 링크삽입

<a href="..."><img src="..." /></a>

이런식으로 이미지 태그를 링크태그로 감싸주세요

 

 

끝!