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편집 부분에 상기 부분과 같이 작성해주면 아래와 같이 설정됩니다.
'공부하자 > HTML' 카테고리의 다른 글
HTLM 이미지/글자 테두리 설정하는 방법 (0) | 2016.11.27 |
---|---|
HTML편집 프로그램들 알아보기 (0) | 2016.11.27 |
이미지 합치기 [sprites] (0) | 2016.11.26 |
오픈 소스 웹 템플릿 사이트 (0) | 2016.11.25 |
웹에서 이미지 반응형으로 구현하기 (0) | 2016.11.25 |