[HTML] 이미지로 링크하기

이미지로 링크하기

이미지를 사용하면 블로그가 화려하고 깔끔해 보입니다.

<a href="링크할 곳의 주소"><img src="이미지 파일명"></a>

<a> 태그의 href 속성 값으로 이미지 파일의 명칭을 넣으면
페이지가 바뀌면서 해당 이미지 파일이 브라우저에 출력됩니다.

활용은 블로그엔 작은 이미지를 맛보기로 넣고
큰 이미지를 링크해서 원하는 사람만 볼 수 있도록 합니다.

 TIP 

이미지 주변에 테두리선 없애기
이미지를 <a> 태그 삽입하면 이미지 주변에 테두리선이 생깁니다.
<img> 태그에 border="0" 속성을 주면 테두리선이 없어집니다.
테두리선이 두께가 0 (zero) 란 뜻입니다.