{"id":22469,"date":"2022-10-02T16:00:42","date_gmt":"2022-10-02T16:00:42","guid":{"rendered":"https:\/\/kb.hostatom.com\/?p=22469"},"modified":"2025-11-06T06:43:59","modified_gmt":"2025-11-06T06:43:59","slug":"html-image-maps","status":"publish","type":"post","link":"https:\/\/kb.hostatom.com\/lesson\/22469\/","title":{"rendered":"HTML\u00a0Image Maps"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"22469\" class=\"elementor elementor-22469\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e60155d e-flex e-con-boxed e-con e-parent\" data-id=\"2e60155d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bce1d1c elementor-widget elementor-widget-text-editor\" data-id=\"bce1d1c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u0e23\u0e39\u0e49\u0e44\u0e2b\u0e21\u0e27\u0e48\u0e32 HTML \u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e41\u0e04\u0e48\u0e41\u0e2a\u0e14\u0e07\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e40\u0e17\u0e48\u0e32\u0e19\u0e31\u0e49\u0e19 \u0e41\u0e15\u0e48\u0e22\u0e31\u0e07\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e2a\u0e23\u0e49\u0e32\u0e07 \u201c\u0e41\u0e1c\u0e19\u0e17\u0e35\u0e48\u0e20\u0e32\u0e1e (Image Map)\u201d \u0e44\u0e14\u0e49\u0e14\u0e49\u0e27\u0e22<br \/>\u0e42\u0e14\u0e22\u0e43\u0e0a\u0e49 <code>&lt;map&gt;<\/code> \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e04\u0e25\u0e34\u0e01\u0e1a\u0e19\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e \u0e41\u0e25\u0e30\u0e43\u0e0a\u0e49 <code>&lt;area&gt;<\/code> \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e23\u0e30\u0e1a\u0e38\u0e41\u0e15\u0e48\u0e25\u0e30\u0e2a\u0e48\u0e27\u0e19\u0e02\u0e2d\u0e07\u0e20\u0e32\u0e1e\u0e43\u0e2b\u0e49\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e44\u0e1b\u0e22\u0e31\u0e07\u0e2b\u0e19\u0e49\u0e32\u0e2d\u0e37\u0e48\u0e19\u0e44\u0e14\u0e49<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e044d6e elementor-widget elementor-widget-image\" data-id=\"e044d6e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"328\" src=\"https:\/\/kb.hostatom.com\/lesson\/wp-content\/uploads\/2022\/10\/html-image-maps-001.webp\" class=\"attachment-large size-large wp-image-32127\" alt=\"\" srcset=\"https:\/\/kb.hostatom.com\/lesson\/wp-content\/uploads\/2022\/10\/html-image-maps-001.webp 720w, https:\/\/kb.hostatom.com\/lesson\/wp-content\/uploads\/2022\/10\/html-image-maps-001-300x137.webp 300w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bed03ca elementor-widget elementor-widget-text-editor\" data-id=\"bed03ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u0e08\u0e32\u0e01\u0e20\u0e32\u0e1e\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07:<\/p><ul><li>\u0e04\u0e25\u0e34\u0e01\u0e17\u0e35\u0e48\u0e23\u0e39\u0e1b\u0e41\u0e01\u0e49\u0e27\u0e01\u0e32\u0e41\u0e1f \u0e44\u0e1b\u0e22\u0e31\u0e07 \u0e2b\u0e19\u0e49\u0e32\u0e01\u0e32\u0e41\u0e1f<\/li><li>\u0e04\u0e25\u0e34\u0e01\u0e17\u0e35\u0e48\u0e2a\u0e21\u0e38\u0e14 \u0e44\u0e1b\u0e22\u0e31\u0e07 \u0e2b\u0e19\u0e49\u0e32\u0e2a\u0e21\u0e38\u0e14<\/li><li>\u0e04\u0e25\u0e34\u0e01\u0e17\u0e35\u0e48\u0e2a\u0e49\u0e21 \u0e44\u0e1b\u0e22\u0e31\u0e07 \u0e2b\u0e19\u0e49\u0e32\u0e2a\u0e49\u0e21<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1252bac elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"1252bac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2073b2f elementor-widget elementor-widget-heading\" data-id=\"2073b2f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e41\u0e17\u0e47\u0e01 Map<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1741de7 elementor-widget elementor-widget-text-editor\" data-id=\"1741de7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u0e41\u0e19\u0e27\u0e04\u0e34\u0e14\u0e02\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19 <code>&lt;map&gt;<\/code> \u0e04\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e02\u0e2d\u0e07\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e17\u0e35\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e04\u0e25\u0e34\u0e01\u0e44\u0e14\u0e49<br \/>\u0e42\u0e14\u0e22\u0e23\u0e30\u0e1a\u0e38\u0e27\u0e48\u0e32\u0e1a\u0e23\u0e34\u0e40\u0e27\u0e13\u0e43\u0e14\u0e02\u0e2d\u0e07\u0e20\u0e32\u0e1e\u0e08\u0e30\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e42\u0e22\u0e07\u0e44\u0e1b\u0e22\u0e31\u0e07\u0e2b\u0e19\u0e49\u0e32\u0e43\u0e14 \u0e0b\u0e36\u0e48\u0e07\u0e1c\u0e39\u0e49\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e40\u0e1b\u0e47\u0e19\u0e1c\u0e39\u0e49\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e40\u0e2d\u0e07<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-891da41 elementor-widget elementor-widget-code-highlight\" data-id=\"891da41\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><img src=\"images\/workplace.jpg\" alt=\"Workplace\" usemap=\"#workmap\" width=\"720\" height=\"468\">\r\n\r\n<map name=\"workmap\">\r\n  <area shape=\"circle\" coords=\"185,184,51\" alt=\"A Cup of Coffee\" href=\"coffee.html\">\r\n  <area shape=\"rect\" coords=\"311,197,471,423\" alt=\"Note Book\" href=\"notebook.html\">\r\n  <area shape=\"circle\" coords=\"603,315,34\" alt=\"orange\" href=\"orange.html\">\r\n<\/map><\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f2a54e0 elementor-widget elementor-widget-button\" data-id=\"f2a54e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/kb.hostatom.com\/lesson\/html\/tryhtml?filename=images_map2\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-external-link-alt\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u0e14\u0e39\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a3ccabb elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"a3ccabb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8a36b7c elementor-widget elementor-widget-heading\" data-id=\"8a36b7c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0e27\u0e34\u0e18\u0e35\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19 Image Map\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-05beaed elementor-widget elementor-widget-text-editor\" data-id=\"05beaed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u0e43\u0e19\u0e42\u0e04\u0e49\u0e14\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e01\u0e48\u0e2d\u0e19\u0e2b\u0e19\u0e49\u0e32 <code>&lt;img&gt;<\/code> \u0e08\u0e30\u0e17\u0e33\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e41\u0e2a\u0e14\u0e07\u0e20\u0e32\u0e1e\u0e15\u0e32\u0e21\u0e1b\u0e01\u0e15\u0e34<br \/>\u0e40\u0e1e\u0e35\u0e22\u0e07\u0e41\u0e15\u0e48\u0e21\u0e35\u0e01\u0e32\u0e23\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e41\u0e2d\u0e15\u0e17\u0e23\u0e34\u0e1a\u0e34\u0e27\u0e15\u0e4c <code>usemap<\/code> \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e42\u0e22\u0e07\u0e01\u0e31\u0e1a <code>&lt;map&gt;<\/code> \u0e17\u0e35\u0e48\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e04\u0e25\u0e34\u0e01\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e44\u0e27\u0e49<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e8c9efb elementor-widget elementor-widget-code-highlight\" data-id=\"e8c9efb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><img src=\"workplace.jpg\" alt=\"Workplace\" usemap=\"#workmap\"><\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8c386cb elementor-widget elementor-widget-text-editor\" data-id=\"8c386cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<ul>\n \t<li>\u0e04\u0e48\u0e32\u0e43\u0e19 <code>usemap<\/code> \u0e15\u0e49\u0e2d\u0e07\u0e02\u0e36\u0e49\u0e19\u0e15\u0e49\u0e19\u0e14\u0e49\u0e27\u0e22\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e2b\u0e21\u0e32\u0e22 <code>#<\/code><\/li>\n \t<li>\u0e0a\u0e37\u0e48\u0e2d\u0e2b\u0e25\u0e31\u0e07 <code>#<\/code> \u0e15\u0e49\u0e2d\u0e07\u0e15\u0e23\u0e07\u0e01\u0e31\u0e1a\u0e04\u0e48\u0e32 <code>name<\/code> \u0e02\u0e2d\u0e07 <code>&lt;map&gt;<\/code><\/li>\n<\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d7791a3 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"d7791a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-31508c1 elementor-widget elementor-widget-heading\" data-id=\"31508c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07 Image Map\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ed14792 elementor-widget elementor-widget-text-editor\" data-id=\"ed14792\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e41\u0e17\u0e47\u0e01 <code>&lt;map&gt;<\/code> \u0e41\u0e25\u0e30\u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32 <code>name<\/code> \u0e43\u0e2b\u0e49\u0e15\u0e23\u0e07\u0e01\u0e31\u0e1a <code>usemap<\/code> \u0e02\u0e2d\u0e07\u0e23\u0e39\u0e1b\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d6f1f0d elementor-widget elementor-widget-code-highlight\" data-id=\"d6f1f0d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><map name=\"workmap\">\r\n  <!-- <area> \u0e15\u0e48\u0e32\u0e07 \u0e46 \u0e08\u0e30\u0e2d\u0e22\u0e39\u0e48\u0e20\u0e32\u0e22\u0e43\u0e19\u0e19\u0e35\u0e49 -->\r\n<\/map>\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-16c67f9 elementor-alert-warning elementor-widget elementor-widget-alert\" data-id=\"16c67f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"alert.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-alert\" role=\"alert\">\n\n\t\t\t\n\t\t\t\t\t\t<span class=\"elementor-alert-description\">\u0e04\u0e48\u0e32 <code>name=\"workmap\"<\/code> \u0e15\u0e49\u0e2d\u0e07\u0e15\u0e23\u0e07\u0e01\u0e31\u0e1a <code>usemap=\"#workmap\"<\/code> \u0e02\u0e2d\u0e07 <code>&lt;img&gt;<\/code><\/span>\n\t\t\t\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ed79062 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"ed79062\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-829710f elementor-widget elementor-widget-heading\" data-id=\"829710f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0e01\u0e32\u0e23\u0e23\u0e30\u0e1a\u0e38\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e04\u0e25\u0e34\u0e01 <code>&lt;area&gt;<\/code><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4657321 elementor-widget elementor-widget-text-editor\" data-id=\"4657321\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\u0e01\u0e32\u0e23\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e04\u0e25\u0e34\u0e01\u0e43\u0e0a\u0e49\u0e41\u0e17\u0e47\u0e01 <code>&lt;area&gt;<\/code> \u0e20\u0e32\u0e22\u0e43\u0e19 <code>&lt;map&gt;<\/code>\n\u0e42\u0e14\u0e22\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e23\u0e39\u0e1b\u0e23\u0e48\u0e32\u0e07 <code>shape<\/code> \u0e02\u0e2d\u0e07\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e17\u0e35\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e04\u0e25\u0e34\u0e01\u0e44\u0e14\u0e49\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b68081a elementor-widget elementor-widget-html\" data-id=\"b68081a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"ls-tbl-wrap\">\r\n<table class=\"ls-tbl\">\r\n  <tr><th>\u0e04\u0e48\u0e32<\/th><th>\u0e23\u0e39\u0e1b\u0e23\u0e48\u0e32\u0e07<\/th><th>\u0e04\u0e33\u0e2d\u0e18\u0e34\u0e1a\u0e32\u0e22<\/th><\/tr>\r\n  <tr><td><code>rect<\/code><\/td><td>\u0e2a\u0e35\u0e48\u0e40\u0e2b\u0e25\u0e35\u0e48\u0e22\u0e21<\/td><td>\u0e43\u0e0a\u0e49\u0e1e\u0e34\u0e01\u0e31\u0e14\u0e08\u0e38\u0e14\u0e21\u0e38\u0e21\u0e1a\u0e19\u0e0b\u0e49\u0e32\u0e22 \u0e41\u0e25\u0e30\u0e21\u0e38\u0e21\u0e25\u0e48\u0e32\u0e07\u0e02\u0e27\u0e32<\/td><\/tr>\r\n  <tr><td><code>circle<\/code><\/td><td>\u0e27\u0e07\u0e01\u0e25\u0e21<\/td><td>\u0e43\u0e0a\u0e49\u0e1e\u0e34\u0e01\u0e31\u0e14\u0e08\u0e38\u0e14\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e01\u0e25\u0e32\u0e07 \u0e41\u0e25\u0e30\u0e23\u0e31\u0e28\u0e21\u0e35<\/td><\/tr>\r\n  <tr><td><code>poly<\/code><\/td><td>\u0e2b\u0e25\u0e32\u0e22\u0e40\u0e2b\u0e25\u0e35\u0e48\u0e22\u0e21<\/td><td>\u0e43\u0e0a\u0e49\u0e1e\u0e34\u0e01\u0e31\u0e14\u0e2b\u0e25\u0e32\u0e22\u0e08\u0e38\u0e14\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e01\u0e31\u0e19<\/td><\/tr>\r\n  <tr><td><code>default<\/code><\/td><td>\u0e17\u0e31\u0e49\u0e07\u0e20\u0e32\u0e1e<\/td><td>\u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e25\u0e38\u0e21\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/td><\/tr>\r\n<\/table>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a72b61f elementor-widget elementor-widget-text-editor\" data-id=\"a72b61f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e04\u0e48\u0e32\u0e43\u0e14\u0e04\u0e48\u0e32\u0e2b\u0e19\u0e36\u0e48\u0e07 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e1e\u0e34\u0e01\u0e31\u0e14\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e04\u0e25\u0e34\u0e01\u0e43\u0e19\u0e20\u0e32\u0e1e\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7d92a89 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"7d92a89\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7193f59 elementor-widget elementor-widget-heading\" data-id=\"7193f59\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">shape=\"rect\" (\u0e2a\u0e35\u0e48\u0e40\u0e2b\u0e25\u0e35\u0e48\u0e22\u0e21)<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4e9a5f5 elementor-widget elementor-widget-text-editor\" data-id=\"4e9a5f5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e2a\u0e35\u0e48\u0e40\u0e2b\u0e25\u0e35\u0e48\u0e22\u0e21 (rectangle) \u0e43\u0e0a\u0e49\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e1a\u0e23\u0e34\u0e40\u0e27\u0e13\u0e04\u0e25\u0e34\u0e01\u0e17\u0e35\u0e48\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e39\u0e1b\u0e2a\u0e35\u0e48\u0e40\u0e2b\u0e25\u0e35\u0e48\u0e22\u0e21\u0e1c\u0e37\u0e19\u0e1c\u0e49\u0e32 \u0e42\u0e14\u0e22\u0e23\u0e30\u0e1a\u0e38\u0e1e\u0e34\u0e01\u0e31\u0e14 <code>coords<\/code> \u0e08\u0e33\u0e19\u0e27\u0e19 4 \u0e04\u0e48\u0e32 \u0e44\u0e14\u0e49\u0e41\u0e01\u0e48 <code>x1,y1,x2,y2<\/code> \u0e0b\u0e36\u0e48\u0e07\u0e41\u0e17\u0e19\u0e21\u0e38\u0e21\u0e0b\u0e49\u0e32\u0e22\u0e1a\u0e19\u0e41\u0e25\u0e30\u0e21\u0e38\u0e21\u0e02\u0e27\u0e32\u0e25\u0e48\u0e32\u0e07\u0e02\u0e2d\u0e07\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e04\u0e25\u0e34\u0e01\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9017b1f elementor-widget elementor-widget-text-editor\" data-id=\"9017b1f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u0e08\u0e32\u0e01\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e43\u0e19\u0e23\u0e39\u0e1b \u0e04\u0e48\u0e32\u0e02\u0e2d\u0e07\u0e41\u0e01\u0e19 <code>X<\/code> \u0e41\u0e25\u0e30 <code>Y<\/code> \u0e04\u0e37\u0e2d <code>311,197<\/code> \u0e2b\u0e21\u0e32\u0e22\u0e16\u0e36\u0e07 311 \u0e1e\u0e34\u0e01\u0e40\u0e0b\u0e25\u0e08\u0e32\u0e01\u0e0b\u0e49\u0e32\u0e22, 197 \u0e1e\u0e34\u0e01\u0e40\u0e0b\u0e25\u0e08\u0e32\u0e01\u0e1a\u0e19<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fabe4ce elementor-widget elementor-widget-image\" data-id=\"fabe4ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"466\" src=\"https:\/\/kb.hostatom.com\/lesson\/wp-content\/uploads\/2022\/10\/html-image-maps-002-1.webp\" class=\"attachment-full size-full wp-image-32142\" alt=\"\" srcset=\"https:\/\/kb.hostatom.com\/lesson\/wp-content\/uploads\/2022\/10\/html-image-maps-002-1.webp 720w, https:\/\/kb.hostatom.com\/lesson\/wp-content\/uploads\/2022\/10\/html-image-maps-002-1-300x194.webp 300w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ff3e3d4 elementor-widget elementor-widget-spacer\" data-id=\"ff3e3d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8a6972b elementor-widget elementor-widget-text-editor\" data-id=\"8a6972b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\u0e08\u0e32\u0e01\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e43\u0e19\u0e23\u0e39\u0e1b \u0e04\u0e48\u0e32\u0e02\u0e2d\u0e07\u0e41\u0e01\u0e19 <code>x<\/code> \u0e41\u0e25\u0e30 <code>y<\/code> \u0e04\u0e37\u0e2d <code>471,423<\/code> \u0e2b\u0e21\u0e32\u0e22\u0e16\u0e36\u0e07 471 \u0e1e\u0e34\u0e01\u0e40\u0e0b\u0e25\u0e08\u0e32\u0e01\u0e0b\u0e49\u0e32\u0e22, 432 \u0e1e\u0e34\u0e01\u0e40\u0e0b\u0e25\u0e08\u0e32\u0e01\u0e1a\u0e19\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-770e8f5 elementor-widget elementor-widget-image\" data-id=\"770e8f5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"466\" src=\"https:\/\/kb.hostatom.com\/lesson\/wp-content\/uploads\/2022\/10\/html-image-maps-002-2.webp\" class=\"attachment-large size-large wp-image-32143\" alt=\"\" srcset=\"https:\/\/kb.hostatom.com\/lesson\/wp-content\/uploads\/2022\/10\/html-image-maps-002-2.webp 720w, https:\/\/kb.hostatom.com\/lesson\/wp-content\/uploads\/2022\/10\/html-image-maps-002-2-300x194.webp 300w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-db1a91a elementor-widget elementor-widget-spacer\" data-id=\"db1a91a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-26b8d90 elementor-widget elementor-widget-text-editor\" data-id=\"26b8d90\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u0e40\u0e1e\u0e35\u0e22\u0e07\u0e40\u0e17\u0e48\u0e32\u0e19\u0e35\u0e49 \u0e40\u0e23\u0e32\u0e01\u0e47\u0e44\u0e14\u0e49\u0e1e\u0e34\u0e01\u0e31\u0e14\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e41\u0e25\u0e49\u0e27 \u0e08\u0e32\u0e01\u0e19\u0e31\u0e49\u0e19\u0e19\u0e33\u0e1e\u0e34\u0e01\u0e31\u0e14\u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e21\u0e32\u0e43\u0e2a\u0e48\u0e43\u0e19\u0e42\u0e04\u0e49\u0e14 \u0e42\u0e14\u0e22\u0e40\u0e02\u0e35\u0e22\u0e19\u0e44\u0e14\u0e49\u0e14\u0e31\u0e07\u0e19\u0e35\u0e49<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-21c6961 elementor-widget elementor-widget-code-highlight\" data-id=\"21c6961\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><area shape=\"rect\" coords=\"311, 197, 471, 423\" href=\"notebook.htm\">\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-15210ff elementor-widget elementor-widget-spacer\" data-id=\"15210ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7b8a958 elementor-widget elementor-widget-text-editor\" data-id=\"7b8a958\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\u0e1a\u0e23\u0e34\u0e40\u0e27\u0e13\u0e19\u0e35\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e04\u0e25\u0e34\u0e01\u0e44\u0e14\u0e49 \u0e41\u0e25\u0e30\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e04\u0e25\u0e34\u0e01\u0e41\u0e25\u0e49\u0e27\u0e08\u0e30\u0e44\u0e1b\u0e22\u0e31\u0e07\u0e2b\u0e19\u0e49\u0e32 &#8220;notebook.htm&#8221;\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-62eb287 elementor-widget elementor-widget-image\" data-id=\"62eb287\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"466\" src=\"https:\/\/kb.hostatom.com\/lesson\/wp-content\/uploads\/2022\/10\/html-image-maps-002-3.webp\" class=\"attachment-large size-large wp-image-32144\" alt=\"\" srcset=\"https:\/\/kb.hostatom.com\/lesson\/wp-content\/uploads\/2022\/10\/html-image-maps-002-3.webp 720w, https:\/\/kb.hostatom.com\/lesson\/wp-content\/uploads\/2022\/10\/html-image-maps-002-3-300x194.webp 300w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c74966a elementor-widget elementor-widget-spacer\" data-id=\"c74966a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5cb28b1 elementor-widget elementor-widget-code-highlight\" data-id=\"5cb28b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard word-wrap\">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><img src=\"images\/workplace.jpg\" alt=\"Workplace\" usemap=\"#workmap\" width=\"720\" height=\"468\">\r\n\r\n<map name=\"workmap\">\r\n <area shape=\"rect\" coords=\"311,197,471,423\" alt=\"Note Book\" href=\"notebook.html\">\r\n<\/map><\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5eb5a88 elementor-widget elementor-widget-button\" data-id=\"5eb5a88\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/kb.hostatom.com\/lesson\/html\/tryhtml?filename=images_map3\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-external-link-alt\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u0e14\u0e39\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-713d7e5 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"713d7e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3a9683f elementor-widget elementor-widget-heading\" data-id=\"3a9683f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">shape=\"circle\" (\u0e27\u0e07\u0e01\u0e25\u0e21)<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eedbda3 elementor-widget elementor-widget-text-editor\" data-id=\"eedbda3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<strong>\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e27\u0e07\u0e01\u0e25\u0e21 (circle)<\/strong> \u0e43\u0e0a\u0e49\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e1a\u0e23\u0e34\u0e40\u0e27\u0e13\u0e04\u0e25\u0e34\u0e01\u0e17\u0e35\u0e48\u0e21\u0e35\u0e25\u0e31\u0e01\u0e29\u0e13\u0e30\u0e40\u0e1b\u0e47\u0e19\u0e27\u0e07\u0e01\u0e25\u0e21 \u0e42\u0e14\u0e22\u0e23\u0e30\u0e1a\u0e38\u0e1e\u0e34\u0e01\u0e31\u0e14 <code>coords<\/code> \u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 3 \u0e04\u0e48\u0e32 \u0e44\u0e14\u0e49\u0e41\u0e01\u0e48 <code>xCenter<\/code>, <code>yCenter<\/code>, <code>radius<\/code> \u0e0b\u0e36\u0e48\u0e07\u0e41\u0e17\u0e19\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e01\u0e25\u0e32\u0e07\u0e02\u0e2d\u0e07\u0e27\u0e07\u0e01\u0e25\u0e21\u0e41\u0e25\u0e30\u0e23\u0e31\u0e28\u0e21\u0e35\u0e15\u0e32\u0e21\u0e25\u0e33\u0e14\u0e31\u0e1a\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fab343b elementor-widget elementor-widget-text-editor\" data-id=\"fab343b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\u0e40\u0e23\u0e34\u0e48\u0e21\u0e08\u0e32\u0e01\u0e2b\u0e32 \u0e08\u0e38\u0e14\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e01\u0e25\u0e32\u0e07\u0e02\u0e2d\u0e07\u0e27\u0e07\u0e01\u0e25\u0e21 \u0e08\u0e32\u0e01\u0e23\u0e39\u0e1b\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e04\u0e37\u0e2d <code>603,315<\/code>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-66fe3b3 elementor-widget elementor-widget-image\" data-id=\"66fe3b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"466\" src=\"https:\/\/kb.hostatom.com\/lesson\/wp-content\/uploads\/2022\/10\/html-image-maps-002-4.webp\" class=\"attachment-large size-large wp-image-32145\" alt=\"\" srcset=\"https:\/\/kb.hostatom.com\/lesson\/wp-content\/uploads\/2022\/10\/html-image-maps-002-4.webp 720w, https:\/\/kb.hostatom.com\/lesson\/wp-content\/uploads\/2022\/10\/html-image-maps-002-4-300x194.webp 300w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-61b6b8b elementor-widget elementor-widget-spacer\" data-id=\"61b6b8b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2165ffb elementor-widget elementor-widget-text-editor\" data-id=\"2165ffb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\u0e08\u0e32\u0e01\u0e19\u0e31\u0e49\u0e19\u0e23\u0e30\u0e1a\u0e38\u0e23\u0e31\u0e28\u0e21\u0e35 \u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e08\u0e32\u0e01\u0e23\u0e39\u0e1b\u0e04\u0e37\u0e2d <code>34<\/code>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-874a4f2 elementor-widget elementor-widget-image\" data-id=\"874a4f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"466\" src=\"https:\/\/kb.hostatom.com\/lesson\/wp-content\/uploads\/2022\/10\/html-image-maps-002-5.webp\" class=\"attachment-large size-large wp-image-32146\" alt=\"\" srcset=\"https:\/\/kb.hostatom.com\/lesson\/wp-content\/uploads\/2022\/10\/html-image-maps-002-5.webp 720w, https:\/\/kb.hostatom.com\/lesson\/wp-content\/uploads\/2022\/10\/html-image-maps-002-5-300x194.webp 300w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cdd81fe elementor-widget elementor-widget-spacer\" data-id=\"cdd81fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ab22cf4 elementor-widget elementor-widget-text-editor\" data-id=\"ab22cf4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e44\u0e14\u0e49\u0e1e\u0e34\u0e01\u0e31\u0e14\u0e41\u0e25\u0e30\u0e23\u0e31\u0e28\u0e21\u0e35\u0e41\u0e25\u0e49\u0e27 \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e40\u0e02\u0e35\u0e22\u0e19\u0e42\u0e04\u0e49\u0e14\u0e44\u0e14\u0e49\u0e14\u0e31\u0e07\u0e19\u0e35\u0e49<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-11d1a12 elementor-widget elementor-widget-code-highlight\" data-id=\"11d1a12\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><area shape=\"circle\" coords=\"603, 315, 34\" href=\"coffee.htm\"><\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-21ab4bc elementor-widget elementor-widget-spacer\" data-id=\"21ab4bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-57ed85a elementor-widget elementor-widget-text-editor\" data-id=\"57ed85a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\u0e1a\u0e23\u0e34\u0e40\u0e27\u0e13\u0e19\u0e35\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e04\u0e25\u0e34\u0e01\u0e44\u0e14\u0e49 \u0e41\u0e25\u0e30\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e04\u0e25\u0e34\u0e01\u0e41\u0e25\u0e49\u0e27\u0e08\u0e30\u0e44\u0e1b\u0e22\u0e31\u0e07\u0e2b\u0e19\u0e49\u0e32 \u201corange.htm\u201d\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-215e58d elementor-widget elementor-widget-image\" data-id=\"215e58d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"466\" src=\"https:\/\/kb.hostatom.com\/lesson\/wp-content\/uploads\/2022\/10\/html-image-maps-002-6.webp\" class=\"attachment-large size-large wp-image-32147\" alt=\"\" srcset=\"https:\/\/kb.hostatom.com\/lesson\/wp-content\/uploads\/2022\/10\/html-image-maps-002-6.webp 720w, https:\/\/kb.hostatom.com\/lesson\/wp-content\/uploads\/2022\/10\/html-image-maps-002-6-300x194.webp 300w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d299ef9 elementor-widget elementor-widget-spacer\" data-id=\"d299ef9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fe42de4 elementor-widget elementor-widget-code-highlight\" data-id=\"fe42de4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard word-wrap\">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><img src=\"images\/workplace.jpg\" alt=\"Workplace\" usemap=\"#workmap\" width=\"720\" height=\"468\">\r\n\r\n<map name=\"workmap\">\r\n <area shape=\"circle\" coords=\"603,315,34\" alt=\"orange\" href=\"orange.html\">\r\n<\/map><\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7a0570a elementor-widget elementor-widget-button\" data-id=\"7a0570a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/kb.hostatom.com\/lesson\/html\/tryhtml?filename=images_map4\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-external-link-alt\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u0e14\u0e39\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d8d40a5 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"d8d40a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8cfbacc elementor-widget elementor-widget-heading\" data-id=\"8cfbacc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">shape=\"poly\" (\u0e2b\u0e25\u0e32\u0e22\u0e40\u0e2b\u0e25\u0e35\u0e48\u0e22\u0e21)\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0b31e99 elementor-widget elementor-widget-text-editor\" data-id=\"0b31e99\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\u0e23\u0e39\u0e1b\u0e2b\u0e25\u0e32\u0e22\u0e40\u0e2b\u0e25\u0e35\u0e48\u0e22\u0e21 (polygon) \u0e08\u0e30\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e14\u0e49\u0e27\u0e22\u0e1e\u0e34\u0e01\u0e31\u0e14\u0e2b\u0e25\u0e32\u0e22\u0e08\u0e38\u0e14\u0e17\u0e35\u0e48\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e01\u0e31\u0e19\u0e14\u0e49\u0e27\u0e22\u0e40\u0e2a\u0e49\u0e19\u0e15\u0e23\u0e07 \u0e17\u0e33\u0e43\u0e2b\u0e49\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e04\u0e25\u0e34\u0e01\u0e21\u0e35\u0e25\u0e31\u0e01\u0e29\u0e13\u0e30\u0e15\u0e32\u0e21\u0e23\u0e39\u0e1b\u0e23\u0e48\u0e32\u0e07\u0e02\u0e2d\u0e07\u0e20\u0e32\u0e1e \u0e42\u0e14\u0e22\u0e23\u0e30\u0e1a\u0e38\u0e1e\u0e34\u0e01\u0e31\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07\u0e01\u0e31\u0e19 \u0e40\u0e0a\u0e48\u0e19 <code>x1,y1,x2,y2,...<\/code> \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e02\u0e2d\u0e1a\u0e40\u0e02\u0e15\u0e02\u0e2d\u0e07\u0e23\u0e39\u0e1b\u0e2b\u0e25\u0e32\u0e22\u0e40\u0e2b\u0e25\u0e35\u0e48\u0e22\u0e21\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a00a64 elementor-widget elementor-widget-spacer\" data-id=\"4a00a64\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2705182 elementor-widget elementor-widget-text-editor\" data-id=\"2705182\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\u0e08\u0e32\u0e01\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e23\u0e39\u0e1b\u0e1b\u0e25\u0e32\u0e14\u0e32\u0e27\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07 \u0e40\u0e23\u0e32\u0e08\u0e30\u0e21\u0e32\u0e14\u0e39\u0e01\u0e31\u0e19\u0e27\u0e48\u0e32\u0e08\u0e30\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e04\u0e25\u0e34\u0e01\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e23\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-03f31a9 elementor-widget elementor-widget-image\" data-id=\"03f31a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"479\" src=\"https:\/\/kb.hostatom.com\/lesson\/wp-content\/uploads\/2022\/10\/html-image-maps-003.webp\" class=\"attachment-large size-large wp-image-32173\" alt=\"\" srcset=\"https:\/\/kb.hostatom.com\/lesson\/wp-content\/uploads\/2022\/10\/html-image-maps-003.webp 720w, https:\/\/kb.hostatom.com\/lesson\/wp-content\/uploads\/2022\/10\/html-image-maps-003-300x200.webp 300w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-98dc35f elementor-widget elementor-widget-spacer\" data-id=\"98dc35f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-21262cb elementor-widget elementor-widget-text-editor\" data-id=\"21262cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\u0e40\u0e23\u0e34\u0e48\u0e21\u0e08\u0e32\u0e01\u0e01\u0e32\u0e23\u0e2b\u0e32\u0e1e\u0e34\u0e01\u0e31\u0e14 <code>x<\/code> \u0e41\u0e25\u0e30 <code>y<\/code> \u0e23\u0e2d\u0e1a\u0e23\u0e39\u0e1b\u0e1b\u0e25\u0e32\u0e14\u0e32\u0e27\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c655f7c elementor-widget elementor-widget-image\" data-id=\"c655f7c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"479\" src=\"https:\/\/kb.hostatom.com\/lesson\/wp-content\/uploads\/2022\/10\/html-image-maps-003-1.webp\" class=\"attachment-large size-large wp-image-32148\" alt=\"\" srcset=\"https:\/\/kb.hostatom.com\/lesson\/wp-content\/uploads\/2022\/10\/html-image-maps-003-1.webp 720w, https:\/\/kb.hostatom.com\/lesson\/wp-content\/uploads\/2022\/10\/html-image-maps-003-1-300x200.webp 300w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7d54d06 elementor-widget elementor-widget-spacer\" data-id=\"7d54d06\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3d6ba91 elementor-widget elementor-widget-text-editor\" data-id=\"3d6ba91\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\u0e08\u0e32\u0e01\u0e19\u0e31\u0e49\u0e19\u0e19\u0e33\u0e1e\u0e34\u0e01\u0e31\u0e14\u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e21\u0e32\u0e43\u0e2a\u0e48\u0e43\u0e19\u0e42\u0e04\u0e49\u0e14\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c846aa9 elementor-widget elementor-widget-code-highlight\" data-id=\"c846aa9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard word-wrap\">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><area shape=\"poly\" coords=\"303,139,311,156,298,204,356,209,373,219,354,234,295,255,298,307,291,334,267,324,239,267,210,272,162,289,156,279,211,230,172,195,168,173,196,172,247,191\" href=\"starfish.htm\"><\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-53090c1 elementor-widget elementor-widget-spacer\" data-id=\"53090c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d3bcbcb elementor-widget elementor-widget-text-editor\" data-id=\"d3bcbcb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\u0e1a\u0e23\u0e34\u0e40\u0e27\u0e13\u0e19\u0e35\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e04\u0e25\u0e34\u0e01\u0e44\u0e14\u0e49 \u0e41\u0e25\u0e30\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e04\u0e25\u0e34\u0e01\u0e41\u0e25\u0e49\u0e27\u0e08\u0e30\u0e44\u0e1b\u0e22\u0e31\u0e07\u0e2b\u0e19\u0e49\u0e32 \u201cstarfish.htm\u201d \u0e14\u0e31\u0e07\u0e20\u0e32\u0e1e\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0c5018f elementor-widget elementor-widget-image\" data-id=\"0c5018f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"479\" src=\"https:\/\/kb.hostatom.com\/lesson\/wp-content\/uploads\/2022\/10\/html-image-maps-003-2.webp\" class=\"attachment-large size-large wp-image-32149\" alt=\"\" srcset=\"https:\/\/kb.hostatom.com\/lesson\/wp-content\/uploads\/2022\/10\/html-image-maps-003-2.webp 720w, https:\/\/kb.hostatom.com\/lesson\/wp-content\/uploads\/2022\/10\/html-image-maps-003-2-300x200.webp 300w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0916b1c elementor-widget elementor-widget-spacer\" data-id=\"0916b1c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4db03ee elementor-widget elementor-widget-code-highlight\" data-id=\"4db03ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard word-wrap\">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><img src=\"images\/starfish.webp\" alt=\"Starfish\" usemap=\"#starmap\" width=\"720\" height=\"479\">\r\n\r\n<map name=\"starmap\">\r\n  <area shape=\"poly\" coords=\"303,139,311,156,298,204,356,209,373,219,354,234,295,255,298,307,291,334,267,324,239,267,210,272,162,289,156,279,211,230,172,195,168,173,196,172,247,191\" href=\"starfish.html\">\r\n<\/map><\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-672a27e elementor-widget elementor-widget-button\" data-id=\"672a27e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/kb.hostatom.com\/lesson\/html\/tryhtml?filename=images_map_starfish\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-external-link-alt\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u0e14\u0e39\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-88c4931 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"88c4931\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-00fe64c elementor-widget elementor-widget-heading\" data-id=\"00fe64c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Image Map \u0e01\u0e31\u0e1a JavaScript\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3650f51 elementor-widget elementor-widget-text-editor\" data-id=\"3650f51\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e04\u0e25\u0e34\u0e01\u0e1c\u0e48\u0e32\u0e19\u0e17\u0e32\u0e07\u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e02\u0e2d\u0e07 JavaScript \u0e44\u0e14\u0e49 \u0e42\u0e14\u0e22\u0e40\u0e1e\u0e34\u0e48\u0e21 Element <code>&lt;area&gt;<\/code> \u0e25\u0e07\u0e43\u0e19 JavaScript<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f881b65 elementor-widget elementor-widget-code-highlight\" data-id=\"f881b65\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard word-wrap\">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><img src=\"images\/workplace.jpg\" alt=\"Workplace\" usemap=\"#workmap\" width=\"720\" height=\"468\">\r\n\r\n<map name=\"workmap\">\r\n  <area shape=\"Circle\" coords=\"603,315,34\" href=\"https:\/\/www.hostatom.com\/\" onclick=\"myFunction()\">\r\n<\/map>\r\n\r\n<script>\r\nfunction myFunction() {\r\n  alert(\"\u0e04\u0e38\u0e13\u0e04\u0e25\u0e34\u0e01\u0e17\u0e35\u0e48\u0e23\u0e39\u0e1b\u0e2a\u0e49\u0e21\");\r\n}\r\n<\/script><\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6047289 elementor-widget elementor-widget-button\" data-id=\"6047289\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/kb.hostatom.com\/lesson\/html\/tryhtml?filename=images_map5\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-external-link-alt\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u0e14\u0e39\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3b2621c elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"3b2621c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7558122 elementor-widget elementor-widget-heading\" data-id=\"7558122\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0e2a\u0e23\u0e38\u0e1b<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2930779 elementor-widget elementor-widget-text-editor\" data-id=\"2930779\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<ul>\n \t<li>\u0e43\u0e0a\u0e49 <code>&lt;map&gt;<\/code> \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e33\u0e2b\u0e19\u0e14 \u0e41\u0e1c\u0e19\u0e17\u0e35\u0e48\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e (image map)<\/li>\n \t<li>\u0e43\u0e0a\u0e49 <code>&lt;area&gt;<\/code> \u0e20\u0e32\u0e22\u0e43\u0e19 <code>map<\/code> \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e23\u0e30\u0e1a\u0e38\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e17\u0e35\u0e48\u0e04\u0e25\u0e34\u0e01\u0e44\u0e14\u0e49 \u0e20\u0e32\u0e22\u0e43\u0e19 image map<\/li>\n \t<li>\u0e43\u0e0a\u0e49 <code>usemap<\/code> \u0e43\u0e19 <code>&lt;img&gt;<\/code> \u0e40\u0e1e\u0e37\u0e48\u0e2d \u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e42\u0e22\u0e07\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07\u0e04\u0e25\u0e34\u0e01\u0e01\u0e31\u0e1a image map<\/li>\n<\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0e23\u0e39\u0e49\u0e44\u0e2b\u0e21\u0e27\u0e48\u0e32 HTML \u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e41\u0e04\u0e48\u0e41\u0e2a\u0e14\u0e07\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e40\u0e17\u0e48\u0e32\u0e19\u0e31\u0e49\u0e19 \u0e41\u0e15\u0e48\u0e22\u0e31\u0e07\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e2a\u0e23\u0e49\u0e32\u0e07 \u201c\u0e41\u0e1c\u0e19\u0e17\u0e35\u0e48\u0e20\u0e32\u0e1e (Image Map)\u201d \u0e44\u0e14\u0e49\u0e14\u0e49\u0e27\u0e22\u0e42\u0e14\u0e22\u0e43\u0e0a\u0e49 &lt;map&gt; \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e04\u0e25\u0e34\u0e01\u0e1a\u0e19\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e \u0e41\u0e25\u0e30\u0e43\u0e0a\u0e49 &lt;area&gt; \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e23\u0e30\u0e1a\u0e38\u0e41\u0e15\u0e48\u0e25\u0e30\u0e2a\u0e48\u0e27\u0e19\u0e02\u0e2d\u0e07\u0e20\u0e32\u0e1e\u0e43\u0e2b\u0e49\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e44\u0e1b\u0e22\u0e31\u0e07\u0e2b\u0e19\u0e49\u0e32\u0e2d\u0e37\u0e48\u0e19\u0e44\u0e14\u0e49 \u0e08\u0e32\u0e01\u0e20\u0e32\u0e1e\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07: \u0e04\u0e25\u0e34\u0e01\u0e17\u0e35\u0e48\u0e23\u0e39\u0e1b\u0e41\u0e01\u0e49\u0e27\u0e01\u0e32\u0e41\u0e1f \u0e44\u0e1b\u0e22\u0e31\u0e07 \u0e2b\u0e19\u0e49\u0e32\u0e01\u0e32\u0e41\u0e1f \u0e04\u0e25\u0e34\u0e01\u0e17\u0e35\u0e48\u0e2a\u0e21\u0e38\u0e14 \u0e44\u0e1b\u0e22\u0e31\u0e07 \u0e2b\u0e19\u0e49\u0e32\u0e2a\u0e21\u0e38\u0e14 \u0e04\u0e25\u0e34\u0e01\u0e17\u0e35\u0e48\u0e2a\u0e49\u0e21 \u0e44\u0e1b\u0e22\u0e31\u0e07 \u0e2b\u0e19\u0e49\u0e32\u0e2a\u0e49\u0e21 \u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e41\u0e17\u0e47\u0e01 Map \u0e41\u0e19\u0e27\u0e04\u0e34\u0e14\u0e02\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19 &lt;map&gt; \u0e04\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e02\u0e2d\u0e07\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e17\u0e35\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e04\u0e25\u0e34\u0e01\u0e44\u0e14\u0e49\u0e42\u0e14\u0e22\u0e23\u0e30\u0e1a\u0e38\u0e27\u0e48\u0e32\u0e1a\u0e23\u0e34\u0e40\u0e27\u0e13\u0e43\u0e14\u0e02\u0e2d\u0e07\u0e20\u0e32\u0e1e\u0e08\u0e30\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e42\u0e22\u0e07\u0e44\u0e1b\u0e22\u0e31\u0e07\u0e2b\u0e19\u0e49\u0e32\u0e43\u0e14 \u0e0b\u0e36\u0e48\u0e07\u0e1c\u0e39\u0e49\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e40\u0e1b\u0e47\u0e19\u0e1c\u0e39\u0e49\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e40\u0e2d\u0e07 \u0e14\u0e39\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c \u0e27\u0e34\u0e18\u0e35\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19 Image Map \u0e43\u0e19\u0e42\u0e04\u0e49\u0e14\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e01\u0e48\u0e2d\u0e19\u0e2b\u0e19\u0e49\u0e32 &lt;img&gt; \u0e08\u0e30\u0e17\u0e33\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e41\u0e2a\u0e14\u0e07\u0e20\u0e32\u0e1e\u0e15\u0e32\u0e21\u0e1b\u0e01\u0e15\u0e34\u0e40\u0e1e\u0e35\u0e22\u0e07\u0e41\u0e15\u0e48\u0e21\u0e35\u0e01\u0e32\u0e23\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e41\u0e2d\u0e15\u0e17\u0e23\u0e34\u0e1a\u0e34\u0e27\u0e15\u0e4c usemap \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e42\u0e22\u0e07\u0e01\u0e31\u0e1a &lt;map&gt; \u0e17\u0e35\u0e48\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e04\u0e25\u0e34\u0e01\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e44\u0e27\u0e49 \u0e04\u0e48\u0e32\u0e43\u0e19 usemap \u0e15\u0e49\u0e2d\u0e07\u0e02\u0e36\u0e49\u0e19\u0e15\u0e49\u0e19\u0e14\u0e49\u0e27\u0e22\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e2b\u0e21\u0e32\u0e22 # \u0e0a\u0e37\u0e48\u0e2d\u0e2b\u0e25\u0e31\u0e07 # \u0e15\u0e49\u0e2d\u0e07\u0e15\u0e23\u0e07\u0e01\u0e31\u0e1a\u0e04\u0e48\u0e32 name \u0e02\u0e2d\u0e07 &lt;map&gt; \u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07 Image Map \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e41\u0e17\u0e47\u0e01 &lt;map&gt; [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-22469","post","type-post","status-publish","format-standard","hentry","category-html"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/kb.hostatom.com\/lesson\/wp-json\/wp\/v2\/posts\/22469","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kb.hostatom.com\/lesson\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kb.hostatom.com\/lesson\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kb.hostatom.com\/lesson\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/kb.hostatom.com\/lesson\/wp-json\/wp\/v2\/comments?post=22469"}],"version-history":[{"count":0,"href":"https:\/\/kb.hostatom.com\/lesson\/wp-json\/wp\/v2\/posts\/22469\/revisions"}],"wp:attachment":[{"href":"https:\/\/kb.hostatom.com\/lesson\/wp-json\/wp\/v2\/media?parent=22469"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kb.hostatom.com\/lesson\/wp-json\/wp\/v2\/categories?post=22469"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kb.hostatom.com\/lesson\/wp-json\/wp\/v2\/tags?post=22469"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}