Try it Editor: html_img

Edit This Code :


<!DOCTYPE html>
<html>
<body>

<!-- The description is on the same page as the image -->
<img src="http://www.dwfaisalabad.com/wp-content/uploads/2017/08/DWF.png" alt="DW.com" width="100" height="100" longdesc="#w3htmlExplained">

<!-- The description is in an external page -->
<img src="http://www.dwfaisalabad.com/wp-content/uploads/2017/08/DWF.png" alt="DW" width="100" height="100" longdesc="w3html.txt">

<!-- The description is one of several within an external page -->
<img src="http://www.dwfaisalabad.com/wp-content/uploads/2017/08/DWF.png" alt="DW" width="100" height="100" longdesc="http://example.com/desc#item3">

<!-- The description is included in a data:URI -->
<img src="http://www.dwfaisalabad.com/wp-content/uploads/2017/08/DWF.png" alt="DW" width="100" height="100" longdesc="www.dwfaisalabad.com/downloads/dw.txt">


<div id="w3htmlExplained">
  <h2>Image w3html.gif</h2>
  <p>Description of the image...</p>
</div>

</body>
</html>
Result :
html_img_longdesc
