본문 바로가기
Coding/HTML & CSS

[HTML & CSS] img 태그에 링크 설정 & 이미지에 링크 걸기 (현재창&새창)

by 포스트it 2022. 11. 11.
728x90
반응형

 

[HTML & CSS] img 태그에 링크 설정 & 이미지에 링크 걸기

 

이미지 태그에 <a> 태그로 감싸주고 href="" 에 원하는 링크만 넣어주면 끝!

<!-- 현재창에서 링크 이동 -->
<a href="https://www.naver.com/">
  <img src="/images/프로필.jpg">
</a>

<!-- 새창으로 링크 이동 -->
<a href="https://www.naver.com/" target="_blank">
  <img src="/images/프로필.jpg">
</a>


<!-- 이렇게 빈칸으로 할 경우 클릭 모양만 나옴-->
<a href="">
  <img src="/images/프로필.jpg">
</a>

 

728x90
반응형

댓글