HTML-맵핑(이미지 특정 부분 링크)

 

 

 

 

 

맵핑은 이미지 특정 부분에 링크를 거는 기능이다.

 

1. 좌표구하기

- 이미지 특정 부분에 넣을 좌표 번호를 알아야 한다. 이미지 좌표 구하는 법은 아래 링크된 페이지에 설명되어 있다.

https://ga-story.tistory.com/19

HTML- 이미지 좌표 구하기

 

 

 

2. 맵핑 코드 예시

<img src="#이미지" usemap="#001" border="0">

<map name="001">
 
<area shape="rect" coords="###" href="#링크1" target="blank">

<area shape="rect" coords="###" href="#링크2"target="blank">

<area shape="rect" coords="###" href="#링크3"target="blank">

</map>

- #이미지 부분에는 전체 메인 이미지 주소를 입력한다.

-  coords  부분에는 1에서 구한 이미지 좌표 번호를 입력하면 된다.