w3-video.com logo

HTML5 Tutorial

Home HTML5 XAMPP .htaccess Firefox Notepad++

Share it

area, display in browser

Browser display, area element

Display: none

Video demonstration area element, view in browser

HTML5 area, browser display, Tutorial

min video details
00:05 video tutorial: testing the browser display of the area element
00:13 area element does not display in browser
00:17 but if we add an image in page
00:23 like this image
00:27 and if we connect this image to the map element: same value (map_name) for both attributes: usemap, name
00:33 than based on the defined coordinates we can identify area on our image-map:
00:34 1. these coordinates correspond to this area (the green rectangle)
00:40 2. these coordinates correspond to this area (the orange circle)
00:46 3. and these coordinates correspond to this area (the blue polygon)
area intro area parents area coordinates for shapes area syntaxarea href alt attributesarea coords attributearea download attributearea hreflang attributearea rel attributearea shape attributearea target attributearea type attribute