HTML 이미지 링크
이미지를 링크로 만드는 방법.
HTML 이미지 링크 코드
<a href="../html-link.htm"><img src="flower.jpg" width="82" height="86" title="White flower" alt="Flower"></a>
또는 css 스타일을 사용하여 너비와 높이를 결정하는 것이 좋습니다.
<a href="../html-link.htm"><img src="flower.jpg" style="width:82px; height:86px" title="White flower" alt="Flower"></a>
코드는 다음 링크를 생성합니다.
코드에는 다음과 같은 부분이 있습니다.
- <a>는 링크 태그입니다.
- href 속성은 연결할 URL을 설정합니다.
- <img>는 이미지 시작 태그입니다.
- src 속성은 이미지 파일을 설정합니다.
- title 속성은 이미지 툴팁 텍스트를 설정합니다.
- alt 는 이미지 태그 대체 텍스트 속성입니다.
- style 속성은 css로 이미지의 너비와 높이를 설정합니다.
- </a>는 링크 종료 태그입니다.