디비저장소

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

2016. 10. 12. 15:45
반응형

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




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

이 글을 공유합시다

facebook twitter kakaoTalk kakaostory naver band

본문과 관련 있는 내용으로 댓글을 남겨주시면 감사하겠습니다.

비밀글모드