area download Attribute - HTML CSS HTML Tag

HTML CSS examples for HTML Tag:area

Description

The download attribute sets the name of the downloaded file.

If the value is omitted, the original filename is used.

Attribute Values

ValueRequireDescription
filename Optional. Specifies the new filename for the downloaded file

An image-map with clickable areas that will be downloaded when clicked on:

Demo Code

ResultView the demo in separate window

<!DOCTYPE html>
<html>
<body>

<p>Click on the sun or on one of the message to download its content.</p>

<img src="https://www.java2s.com/style/demo/Opera.png" width="145" height="126" alt="message" usemap="#myMap">

<map name="myMap">
  <area shape="rect" coords="0,0,80,100" alt="S" href="" download="A">
  <area shape="circle" coords="90,60,5" alt="M" href="" download="B">
  <area shape="circle" coords="130,60,10" alt="A" href="" download="C">
</map><!--from   w  w  w. j  av a2 s .  c o  m-->

</body>
</html>

Related Tutorials