How to add image in html

To insert an image in HTML, you can use <img> tag.

Html image size

This tag uses the src attribute to define the URL of the image file. We can also use CSS to insert image in HTML.

Insert an Image using img Tag

The <img> tag is the primary method for inserting an image in HTML.

The src attribute is used to specify the path of the image file. This tag is self-closing, making it essential for displaying images on a webpage.

Example: Inserting image in a webpage using <img> tag.

Output

Insert an Image using CSS background-image property

Images can also be inserted using the CSS background-image property.

It is useful when you want to style a webpage’s background or use an image as part of the design, rather than as content.

Example: Inserting an image using CSS background-image property.

Output