공부하자/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편집 부분에 상기 부분과 같이 작성해주면 아래와 같이 설정됩니다.