공부하자/HTML

이미지 링크 거는 방법

YoBot 2016. 11. 27. 10:11

1. 이미지 클릭시 현재 열기

<a href="연결하고자 하는 주소"><img src="올리고 싶은 이미지 위치" /></a>



ex) 

네이버 이미지 주소  - http://img.naver.net/static/www/u/2013/0731/nmms_224940510.gif 


본인은 네이버를 연결해 보도록 하겠습니다.


블로그일 경우 HTML편집 부분에 아래와 같이 작성해주세요.

<a href="http://www.naver.com"><img src="http://img.naver.net/static/www/u/2013/0731/nmms_224940510.gif" /></a>


상기 부분과 같이 작성하면 아래와 같이 설정할 수 있습니다.


2. 이미지 클릭시 새창으로 열기

[입력방법은 똑같습니다 태그안에 target="새창" 이미지 클릭시 새창으로 열리게 되는 태그를 추가합니다.]

<a href="연결하고자 하는 주소" target="새창"><img src="올리고 싶은 이미지 위치" /></a>


ex)

상기 부분과 동일하게 네이버를 연결해 보도록 하겠습니다.

<a href="http://www.naver.com" target="새창">

<img src="http://img.naver.net/static/www/u/2013/0731/nmms_224940510.gif" /></a>

HTML편집 부분에 상기 부분과 같이 작성해주면 아래와 같이 설정됩니다.