http://edu114.sitecook.kr/index.html  의 메인 우측이미지에 map 태그를 아래와 같이

똑같이 적용하면 됩니다

(아래에서 coords 와 cords 중에 뭐가 맞는지 조금헷깔림.. 다른곳에서는

cords라고 하는 분이 많은데 둘다 해보진 않고 그냥 coords 로 했음

<map name="info">
      <area shape="rect" coords="121,634,300,704" href="/ab-74643" ti-x-tle="강사현황보기" >
      <area shape="rect" coords="121,705,300,779" href="/ab-74649" ti-x-tle="전국연수원정보" >
      <area shape="rect" coords="121,780,300,854" href="/ab-74655" ti-x-tle="공개광자일정보기" >
      <area shape="rect" coords="121,855,300,930" href="/ab-74673" ti-x-tle="교육영상보기" >
</map>

이때 좌표를 찾는 방법은 해당 이미지를 그림판에 불러와서 해당 사각형일때는

링크시킬공간에..좌측맨위의 좌표와 우측아래의 좌표를 적어주시면 됩니다

사각형이 아닌 원형의 경우도 가능합니다

다만 명령어 rect 대신에 circle   을 넣고 X1,Y1,R 의 3가지 좌표를 잡으면 됩니다

X1Y1 은 원중심 R은 중심에서 길이(즉 반지름) 입니다

혹시 도움되었다면 바로 위에 추천 꾸욱~~~

별루였다면...반대를 꾸욱~~~~