°³Ã¼ÀÇ ÁÂÇ¥¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.

Àμö
: (¼Ó¼º ¹®ÀÚ¿­)
¼Ó¼º°ªÀº ´ÙÀ½ Áß ÇϳªÀÇ ÁÂÇ¥¸¦ ³ªÅ¸³»´Â ¹®ÀÚ¿­ÀÌ´Ù.

area °³Ã¼¿¡¼­ °ªÀÇ ¾ç½ÄÀº °³Ã¼ÀÇ shape ¾ÖÆ®¸®ºäÆ®¿¡ µû¶ó ´Ù¸£°í ´ÙÀ½°ú °°´Ù:

shape=circ|circle coords= 'x1,y1,r'
¿©±â¼­ x1,y2´Â ¿øÀÇ Á᫐ ÁÂÇ¥ÀÌ°í, r´Â ¿øÀÇ ¹Ý°æÀÌ´Ù.
SHAPE=poly|polygon coords= 'x1,y1,x2,y2...xn,yn'
¿©±â¼­ °¢x,y ¦Àº ´Ù°¢ÇüÀÇ °¢ ²ÀÁöÁ¡ÀÇ ÁÂÇ¥¸¦ ³ªÅ¸³½´Ù.
shape=rect|rectangle coords= 'x1,y1,x2,y2'
¿©±â¼­ x1,y1´Â Á÷»ç°¢Çü ¿ÞÂÊ ¸ÇÀ§ÀÇ ÁÂÇ¥ÀÌ°í, ´Â ¿À¸¥ÂÊ ¹Ù´ÚÀÇ ÁÂÇ¥ÀÌ´Ù.

ÀÌ ¼Ó¼ºÀº Àбâ/¾²±âÀÌ¸ç µðÆúÆ®°ªÀº ¾ø´Ù.

Ư±â

(¿µ¹®) W3C DOM Level 1(Document Object Model). ±Ô°Ý¿¡ ºÎÇÕÇϱâ À§ÇÏ¿© ¼Ó¼º°ªÀ» ¹ÝȯÇϱâ Àü¿¡ ÀÌ ¼Ó¼ºÀÌ °³Ã¼¿¡ ¼³Á¤µÇ¾î ÀÖ¾î¾ß ÇÑ´Ù.

À¥ÆäÀÌÁö ÀÛ¼ºÀÚ´Â ÇÊ¿äÇÑ °æ¿ì HTML 4.0¿¡¼­ Á¤ÀÇÇÑ ±â´É¼ºÀ» °³Ã¼¿¡ Àû¿ëÇÏ¿©¾ß ÇÑ´Ù.

Àû¿ë
°³Ã¼scriptHTML±Ô°ÝIE
Âü°í

ÀÌ ¼Ó¼ºÀº HTML 4.0°ú (¿µ¹®) W3C DOM Level 1(Document Object Model)¿¡¼­ Á¤ÀǵǾú´Ù.

À̼ӼºÀº IE6ºÎÅÍ a °³Ã¼¿¡µµ Àû¿ëµÈ´Ù.


<IMG src="../../gif/mapsample.gif" usemap="#mapname" border=1>
<MAP name="mapname">
<AREA id=oObj shape="rect" coords="1,1,86,26" href="http://trio.co.kr/autorefer.html#top" name="area1">
<AREA id=area2 shape="rect" coords="1,27,86,52" href="http://trio.co.kr/autositelink.html">
<AREA id=area3 shape="rect" coords="1,53,86,78" href="http://trio.co.kr/main/index.html">
<AREA id=area4 shape="rect" coords="1,79,86,106" href="http://koxo.com/lang/vmenu.cgi?db=bbs">
<AREA id=area5 shape="rect" coords="1,107,86,130" href="http://trio.co.kr/main/sitemap.html"></MAP>