HTML supports various multimedia resources such as images, audio, and video.
The html <audio> is used to embed sound content in documents. It may contain one or more audio sources, represented using the src attribute.
<audio controls src="misc/audio.mp3">
Your browser does not support the <audio> element.
</audio >
The above example shows simple usage of the <audio> element. we can include other attributes to specify information such as whether we want it to autoplay and loop, whether we want to show the browser's default audio controls, etc.
The html <video> a media player which supports video playback into the document. <source> element specifies media resources.
<video controls width="250">
<source src="misc/flower.webm" type="video/webm" >
Your browser does not support the <audio> element.
</audio >
The above example shows simple usage of the <video> element. we can include other attributes to specify information such as whether we want it to autoplay and loop, whether we want to show the browser's default audio controls, etc.
The html <map> tag defines an image map. An image map is an image with clickable areas. The areas are defined with one or more <area> tags.
<img src="misc/img-map.jpg" usemap="#map" width="250">
<map name="map>
<area shape="rect" coords="40,30,110,150" alt="mobile" href="url" >
</map>
The html <figure> represents self-contained content, potentially with an optional caption, which is specified using the <figcaption> element. The figure, its caption, and its contents are referenced as a single unit.
<figure">
<img src="misc/img1.jpg" alt="Elephant at sunset" width="250">
<figcaption>Fig 1. Light House</figcaption>
</figure >
