wiki:html:html_note:html_image_map

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

--- wiki:html:html_note:html_image_map [2021/03/23 14:17]
emblim98 만듦
+++ wiki:html:html_note:html_image_map [2023/01/13 18:44] (현재)
@@ 줄 9: / 줄 9: @@
 \\
 ====Source of the article====
-  * [[https://www.w3schools.com/html/html_images_imagemap.asp|Image Map]]
+  * [[https://www.w3schools.com/html/html_images_imagemap.asp|Image Maps]]
 \\
-\\
+%%HTML%% 이미지 맵을 사용하여, 이미지 위에서 클릭 가능한 영역을 만들 수 있습니다.\\
-=====Images Maps=====
+=====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>

/volume1/web/dokuwiki/data/attic/wiki/html/html_note/html_image_map.1616476675.txt.gz · 마지막으로 수정됨: 2022/03/10 19:52 (바깥 편집)