1.이미지맵을 만들어보자 : <map>,<area> 태그를 이용해서 이미지영역에 링크를 적용해

태그를 사용하여 특정경로로 이동시켜주는 경우는 개발과정에서 흔한경우입니다.보통 버튼이나 텍스트에 태그를 통해 링크를 걸어주지만 간혹 이미지의 특정 영역에 링크를 걸어야 경우가 있는데요.이런경우 보통 태그에 position:absolute 속성을 통해 위치를 고정시킨 후 사용하곤 했습니다.하지만 이러한 방법보다 더 간편한 방법이 있습니다.바로 태그와 태그를 이용하여 이미지의 특정좌표에 링크를 연결할 수 있습니다.  // map name 설정 필수 // usemap 에 map name을 연결, 연결할 때 # 붙여야함 // shape은 rect, poly, circle 중 선택가능, coords 는 위치값 // area 를 사용해서 원하는 갯수만큼 클릭영역을 잡을 수 있음 사용방법을 간단히..

2024.07.04