In HTML, images are defined with the <img> tag. The <img> tag is empty, it contains attributes only, and does not have a closing tag. The src attribute defines the url (web address) of the image.
<img src="demo/3.jpg" >Try it Yourself
HTML Image - Attributes
alt- specifies an alternate text for the image, if it cannot be displayed.
height- specifies the height of an image, in terms of either pixels or percentage of its actual size.
width- specifies the width of an image, in terms of either pixels or percentage of its actual size.
border- specifies border thickness in terms of pixels using border attribute. Value 0 means, no border around the image. Default border color is black.
<img src="demo/1.jpg" alt="flower" width="300px" height="200px" border="6">Try it Yourself
Using image as a Link
We can also link an image with other page or we can use an image as a link. To do this, put <img> tag inside the <a> tag.
<a href="demo/sample.html" target="_blank"> <img src="demo/2.jpg" alt="flower"> </a>Try it Yourself