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
반응형
'Coding > HTML & CSS' 카테고리의 다른 글
[HTML & CSS] jQuery를 사용하여 CSS파일 변경하기 (동적으로 link 태그 변경) (0) | 2022.11.25 |
---|---|
[HTML & CSS] div 태그에 테두리 그리기(border 그리기) (0) | 2022.11.16 |
[HTML & CSS] Input 태그 자동 완성 해제하는 초간단 방법 !! (0) | 2022.11.10 |
[HTML & CSS] 사진 슬라이드 쇼 만들기 (이미지 움직이기) (0) | 2022.05.27 |
[HTML & CSS] input(text 박스)태그에 정규식을 사용하여 한글 입력 방지 하는법 !! (2) | 2022.05.25 |
댓글