더북(TheBook)

3.4.3 이미지 링크

a 태그 안에는 텍스트뿐만 아니라 여러 요소가 올 수 있습니다. 그중 img 태그를 a 태그 안에 사용하면 이미지를 클릭했을 때 특정 링크로 이동하게 할 수 있습니다. 이를 HTML에서는 이미지 링크라고 합니다.

형식

<a href="대상 경로">
  <img src="이미지 경로" alt="대체 텍스트">
</a>

예를 들어, 구글 아이콘을 클릭했을 때 구글 사이트로 이동하게 할 수 있습니다.

03/04/img-link.html

<a href="https://www.google.com" target="_blank">
  <img src="./google_logo.png" alt="구글 로고">
</a>

그림 3-15 실행결과

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.