이미지맵 만들기 - map
2010. 11. 11. 02:16ㆍ웹/Html/Javascript/Css
<img src="image/orderend.jpg" border="0" usemap="#imgmap">
<map name="imgmap">
<area shape="rect" coords="140,320,348,372" href="jjun4730.tistory.com">
<area shape="rect" coords="382,317,590,371" href="jjun4730.tistory.com">
</map>
rect - 사각형 이미지맵
circle - 원형 이미지맵
coords - 좌표 (rect:좌측x,좌측y,우측x,우측y circle:좌측,상단,원의지름)
href - 링크주소
target - 타겟
<map name="imgmap">
<area shape="rect" coords="140,320,348,372" href="jjun4730.tistory.com">
<area shape="rect" coords="382,317,590,371" href="jjun4730.tistory.com">
</map>
rect - 사각형 이미지맵
circle - 원형 이미지맵
coords - 좌표 (rect:좌측x,좌측y,우측x,우측y circle:좌측,상단,원의지름)
href - 링크주소
target - 타겟
'웹 > Html/Javascript/Css' 카테고리의 다른 글
| 텍스트필드에 디폴트값 마우스 클릭시 사라지게하기 (0) | 2010.11.12 |
|---|---|
| 이미지 버튼으로 summit 버튼 누를때 보내기전 에러확인하기 (0) | 2010.11.11 |
| 텍스트박스 읽기전용으로 하기 (0) | 2010.11.06 |
| 자바스크립트소스모음 (0) | 2010.11.06 |
| Button으로 Submit기능 사용하기와 alert로 빈칸확인 (0) | 2010.11.06 |