How to set src to the img tag in html from the system drive?

Javascript Web Development Front End Scripts

To use an image on a webpage, use the <img> tag. The tag allows you to add image source, alt, width, height, etc. The src is to add the image URL. The alt is the alternate text attribute, which is text that is visible when the image fails to load.

With HTML, add the image source as the path of your system drive. For that, add the src attribute as a link to the path of system drive where the image is stored. For example, file:/D:/images/logo.png

The following are the attributes:

Sr.No.	Attribute & Description
1	Alt The alternate text for the image
2	Height The height of the image
3	Ismap The image as a server-side image-map
4	Longdesc The URL to a detailed description of an image
5	Src The URL of an image
6	Usemap The image as a client-side image-map
7	Width The width of the image

Just keep in mind the <img> tag has no end tag.

You can try the following code to set src to the img tag in HTML from the system drive.
Note: This will only work on your local system since the path is your local drive.

<!DOCTYPE html>
<html>
   <head>
      <title>
         HTML img tag
      <title>
   </head>

   <body>
      <img src="file:/D:/images/logo.png" alt="Site Logo" width="50" height="50">
   </body>
</html>

Manikanth Mani

Updated on: 09-Jan-2020

18K+ Views

Kickstart Your Career

Get certified by completing the course

Get Started