html css

이미지 링크 걸기 태그 세가지 방법

퍼니즈 2016. 10. 12.
728x90

이미지 링크 태그를 거는 세가지 방법을 소개 하겠습니다 웹사이트와 블로그 운영자분들은 자주 사용하실겁니다 자주는 아니더라도 언젠가는 사용하게 되는 태그 입니다




1사이트 주소 와 1클릭 이미지 주소를 지우시고 입력하시면 됩니다 메모장에 코드 붙여넣기를 하시고 수정하시면 됩니다


1번 기본 이미지 링크 태그

a href= 에는 이미지를 클릭 하면은 이동할 "사이트 주소"를 입력 하면 되고요~

img src= 에는 "이미지 주소"를 입력 하시면 됩니다 이미지 클릭시 사이트 주소로 이동 하게 됩니다


1
<a href="1사이트 주소"><img src="1클릭 이미지 주소" ></a>
cs

2번 이미지 클릭시 새창으로 열기 태그
입력방법은 똑같습니다 태그안에 target="새창" 이미지 클릭시 새창으로 열리게 되는 태그를 추가하였습니다

<a href="2사이트 주소" target="새창"><img src="2클릭 이미지 주소" ></a>

3번 이미지 가로 세로 사이즈 태그

이미지 크기가 마음에 안들수 있습니다 또 수정할려면 귀찮잔아요~ 그래서 태그로 쉽게 이미지 가로와 세로 크기를 쉽게 조절 할수 있습니다


1
<a href="3사이트 주소" target="새창" ><img src="3클릭 이미지 주소" width="300" height="250"></a>
cs



이상입니다 그럼 수고하세욤~

반응형

'html css' 카테고리의 다른 글

이미지 링크 걸기 태그 세가지 방법  (0) 2016.10.12

추천 글