View Discussion
Improve Article
Save Article
View Discussion
Improve Article
Save Article
The html src attribute is used to specify the location (URL) of the external resource.
Supported tags:
- <audio>
- <embed>
- <iframe>
- <frame>
- <img>
- <input>
- <script>
- <source>
- <track>
- <video>
Attribute Values: It contains single value URL which specifies the link of source file. There are two types of URL link which are listed below:
- Absolute URL: It points to another webpage.
- Relative URL: It points to other files of same web page.
Example: HTML audio src attribute
html
<!DOCTYPE html>
<html>
<head>
<title>
HTML audio src Attribute
</title>
</head>
<body style="text-align:center;">
<h2>GeeksforGeeks</h2>
<h2>
HTML audio src Attribute
</h2>
<audio controls muted>
<source src="GFG.mp3" type="audio/mp3">
<source src="GFG.ogg" type="audio/ogg">
</audio>
</body>
</html>
Output:
Example: HTML img src Attribute
html
Output:
Supported Browsers: The browsers supported by HTML src attribute are listed below:
- Google Chrome
- Internet Explorer
- Firefox
- Apple Safari
- Opera
❮ HTML <img> tag
Example
An image is marked up as follows:
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
Try it Yourself »
Definition and Usage
The required src attribute specifies the URL of the image.
There are two ways to specify the URL in the src attribute:
1. Absolute URL - Links to an external image that is hosted on another website. Example: src="//www.w3schools.com/images/img_girl.jpg".
Notes: External images might be under copyright. If you do not get permission to use it, you may be in violation of copyright laws. In addition, you cannot control external images; it can suddenly be removed or changed.
2. Relative URL - Links to an image that is hosted within the website. Here, the URL does not include the domain name. If the URL begins without a slash, it will be relative to the current page. Example: src="img_girl.jpg". If the URL begins with a slash, it will be relative to the domain. Example: src="/images/img_girl.jpg".
Tip: It is almost always best to use relative URLs. They will not break if you change domain.
Note: A broken link icon and the alt text are shown if the browser cannot find the image.
Browser Support
src | Yes | Yes | Yes | Yes | Yes |
Syntax
Attribute Values
URL | The URL of the image. Possible values:
|
❮ HTML <img> tag