Computer >> Computer tutorials >  >> Programming >> HTML

How to Insert an Image in HTML Page?


Images can be easily inserted at any section in an HTML page. To insert image in an HTML page, use the <img> tags. It is an empty tag, containing only attributes since the closing tag is not required.

Just keep in mind that you should use the <img> tag inside <body>…</body> tag. The src attribute is used to add the image source i.e. URL of the image. The alt attribute is for adding alternate text, width for adding width, and height for adding the height of the image.

How to Insert an Image in HTML Page?

Example

You can try the following code to insert an image in an HTML page −

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

   <body>
      <img src="https://www.tutorialspoint.com/html/images/test.png" alt="Simply Easy Learning" width="200" height="80">
   </body>
</html>

Output

How to Insert an Image in HTML Page?