[HTML]이미지에 하이퍼링크를 연결하자

앞서 기본적으로 문구에 하이퍼링크를 연결하게끔 하는 글을 작성을 한 적이 있습니다.

※여기

 

이번에는 이미지에 하이퍼링크를 다는 방법을 알려드리고자 합니다 :)

 

이용되는 예시로는 "상단의 이미지를 클릭시 이동합니다."가 대표적으로 보이며, 이용법 알려드리겠습니다.

 

＃이미지 하이퍼링크 사용법

<a href="사이트주소"><img src="노출을 할 이미지 경로.확장자" art="설명문"/></a>

 

앞에서 하이퍼링크를 이용할때 <a href="사이트주소">출력할 문구</a>이걸 이용을 했었는데

이미지 하이퍼링크는 이걸 응용해서 단순히 뒤에 이미지 경로만 붙여준 문구입니다.

 

＃예시 문구

<a href="https://dev-cola.tistory.com"><img src="images/tistory.png" art="티스토리 바로가기"/></a>

 

※ 뒤에 art는 선택사항입니다!