محرر ويب أونلاين

<!DOCTYPE html>
<html>
    <body>
        <h2>Map with all type of shapes</h2>
		<p>You can click on any area in the image!</p>
		
		
        <img src="/tutorials/html/tags/map/shapes.PNG"
			width="247" height="88" alt="Shapes" usemap="#demomap">
		
		
		<map name="demomap">
			
			<area shape="rect" coords="16,20,65,70" alt="Rectangle" href="/tutorials/html/tags/map/rectangle.html">
			
			<area shape="poly" coords="97,72,151,72,123,19" alt="Triangle" href="/tutorials/html/tags/map/triangle.html">
			
			<area shape="circle" coords="204,46,28" alt="Circle" href="/tutorials/html/tags/map/circle.html">
			
			<area shape="default" href="/tutorials/html/tags/map/background.html">
		</map>
    </body>
</html>