What is the role of the src Attribute in <img> Tag ?
The src attribute in the <img> tag specifies the source URL or file path of the image to be displayed on the webpage. The browser needs to fetch and render the image correctly. Without a valid “src” attribute, the image would be missing or broken on the web page.
Syntax
<img src="image-source-url" alt="alternative-text">
Attribute Values
It contains a single-value URL that specifies the link to the source image. There are two types of URL links which are listed below:
Attribute Values |
Description |
---|---|
Absolute URL |
It points to another webpage. |
Relative URL |
It points to other files on the same web page. |
Src Attribute
- Source Location: The
src
attribute specifies the source (URL) of the image. - Required Attribute: It is a mandatory attribute for the
<img>
tag. - URL or Path: The value can be a URL pointing to an external image or a relative or absolute path to an image file.
- Embedding: It can also represent embedded images by providing the data URL.
- Fallback: If the image fails to load, the text specified in the ‘alt’ attribute is displayed instead.