Computer >> Computer tutorials >  >> Programming >> Javascript

How to use an image in a webpage?


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

The following are the attributes −

AttributeDescription
AltThe alternate text for the image
HeightThe height of the image
IsmapThe image as a server-side image-map
LongdescThe URL to a detailed description of an image
SrcThe URL of an image
UsemapThe image as a client-side image-map
WidthThe width of the image

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

How to use an image in a webpage?

Example

You can try to run the following code to use an image in a web page in HTML

<!DOCTYPE html>
<html>
   <head>
      <title>HTML img tag</title>
   </head>
   <body>
      <h1>Tutorialspoint</h1>
      <h2>Simply Easy Learning</h2>
      <img src="/green/images/logo.png" alt="Tutorialspoint" width="260" height="100">
   </body>
</html>