HTML 새창으로 링크를 여는 방법과 코드

블로그나 홈페이지 글을 쓸때 파란색으로 표시되어 클릭하면 새로운 창이 뜨는 것을 본 적이 있을겁니다. 블로그를 운영하신다면 본인의 포스팅에 링크를 달기위해서 많이 쓰게 되는데요. 오늘은 그 백링크를 새창으로 거는 방법을 알아보겠습니다.

 

새창으로 열기  코드

 

HTML에서 새창으로 링크를 연결하는 코드는 아래와 같습니다.

<a href='https://workintokyo.tistory.com/' target='_blank'>링크 내용 </a>

이 코드를 HTML 적용창에 복사하여 붙여넣기를 하시면 됩니다. a href=''의 따옴표 안에 복인이 링크를 걸고싶은 사이트 주소를 붙여넣으시면 됩니다. 그리고 링크 내용란에 내용을 넣으시면 됩니다.

 

블로그 새창으로 열기 적용 방법

새창으로 열기 HTML 적용 방법

본인의 티스토리 블로그에서 기본모드를 클릭하여 HTML을 클릭합니다.

이후 아래와 같은 HTML 코드 화면이 나오는데요.

HTML 코드 화면

본인이 코드를 적용하고 싶은 곳에 코드를 붙여넣으면 됩니다.

새창으로 열기 코드 붙여넣기 적용 화면

HTML 편집모드에서 본문으로 돌아가기

이후 오른쪽 위에 있는 HTML탭을 클리하여 기본모드를 클릭하여 본문으로 돌아옵니다.

위 코드를 적용해서 링크를 만들면 아래와 같이 파란색 글로 표시가 됩니다. 

 

링크 내용

 

 

 

 

 

특히 티스토리 블로그를 하시는 분들은 사용할 일이 많으니, 새창으로 열기 코드를 자주 이용하면 좋겠습니다.