[SIST] Web_HTML_days03_<map></map> 태그 = 이미지 맵(map)

- <map></map> : 이미지 맵을 정의하는 태그

 

1. 맵(map)을 사용하여 이미지에 클릭 가능한 영역을 만들 수 있다.

2. map태그 - 이미지 맵
   map 태그에 area태그 포함 - area :클릭 가능한 영역

 

3. map 태그의 name 속성(이름 지정) 필수

 

4. area 태그 속성

- shape는 영역을 어떤 모양으로 나눌지 결정하는 속성

  > rect(사각형), circle(원형)

- coords는 좌표점

 

<코드>

 

 

 

노트북, 핸드폰, 커피 영역을 클릭하면 각각 area로 주어진 이미지를 가지고 온다.