Images enhance the visual appeal of webpages, making them more engaging. These images could range from a company's logo on its homepage to a gallery of photos on a portfolio website. To incorporate images into an HTML page, we use the <img>
tag. Notice that the tag does not have a closing </img>
tag. Here's the syntax:
The src
attribute specifies the image source or URL. A webpage can add a diverse range of images, from a product image for an online store to an icon indicating a caution sign or even a background image to enhance the webpage's artistic appeal. Here's how to specify the source of an image using the src
attribute:
The alt
attribute provides alternative text in case the image doesn't load or is processed by screen readers. This attribute is particularly crucial when the image fails to load for any reason or when visually impaired users use screen readers to comprehend the content of the page. Here's how to use it:
In scenarios where the image doesn't load, the text "A placeholder image" is displayed instead.
