문제를 잘 정의하는 것은 문제를 절반 해결한 것이다. - 2023.12

이 문서는 읽기 전용입니다. 원본을 볼 수는 있지만 바꿀 수는 없습니다. 문제가 있다고 생각하면 관리자에게 문의하세요.

====== HTML Image Maps ======
<WRAP left notice 80%>
  * description : HTML Image Maps
  * author      : 오션
  * email       : shlim@repia.com
  * lastupdate  : 2021-03-23
</WRAP>
<WRAP clear></WRAP>
\\
====Source of the article==== 
  * [[https://www.w3schools.com/html/html_images_imagemap.asp|Image Maps]]
\\
%%HTML%% 이미지 맵을 사용하여, 이미지 위에서 클릭 가능한 영역을 만들 수 있습니다.\\
=====Image Maps=====
%%HTML%% ''<map>'' 태그는 이미지 맵을 정의합니다.\\
이미지 맵은 클릭 가능한 영역을 가진 이미지입니다.\\
그 영역은 하나 이상의 ''<area>'' 태그로 정의됩니다.\\
====예제====
<HTML>
<img src="workplace.jpg" alt="Workplace" usemap="#workmap" width="400" height="379">

<map name="workmap">
   <area shape="rect" coords="34, 43, 270, 347" alt="Computer" href="computer.htm">
   <area shape="rect" coords="290 174 335 247" alt="phone" href="phone.htm">
   <area shape="circle" coords="340 300 44" alt="Cup of coffee" href="coffee.htm">
</map>
</HTML>
 


 

{{tag>오션 HTML Image Map}}

문제를 잘 정의하는 것은 문제를 절반 해결한 것이다. - 2023.12

사용자 도구

사이트 도구

문서 도구