본문 바로가기

태그공책

36. 연결하기 - ③ 그림에 링크하기




요 약
그림에 링크하기


글자를 클릭해서 원하는 페이지로 모두 이동해 보셨나요?
응용력이 빠르신분은 이미 눈치 채셨겠지만, 그림을 눌러서 이동 할 수도 있겠죠?
글자에 <a> 와 </a>를 감싸서 링크를 건것 처럼,
<a> 와 </a>를 그림에 감싸면 됩니다. 그림 태그 안 까먹으셨죠?

<a href="이동할 주소">
<img src="그림주소">
</a>


그림에 링크를 걸게되면, 파란색 테두리가 생깁니다.
테두리가 싫으면 <img src="그림주소"> 안에 border="0"을 넣어주면 됩니다.
<img src="그림주소" border="0">


아래의 예제소스를 가지고 실습해 보세요.
꼭! 실습해 보세요. ^^
다음 진도랑 연관됩니다.