
The HTML src attribute defines the location (URL) of the external resource.
The HTML src attribute applies to the following elements:
Examples:
An audio player with the source file:
<!DOCTYPE html>
<html>
<body>
<audio controls>
<source src="https://lenadesign.org/wp-content/uploads/2021/07/Wooden-Train-Whistle.mp3" type="audio/mpeg">
</audio>
</body>
</html>
Output:
An iframe element embedding another document within the current HTML document:
<!DOCTYPE html>
<html>
<body>
<iframe src="https://www.lenastanley.com/" title="lena design">
</iframe>
</body>
</html>
Output:
An image element:
<!DOCTYPE html>
<html>
<body>
<img src="https://lenadesign.org/wp-content/uploads/2019/12/avatar.jpg" alt="avatar" width="640" height="480">
</body>
</html>
Output:

The HTML <input type=”image”> defines an image as a submit button:
<!DOCTYPE html>
<html>
<body>
<form action="">
<label for="fname">First name: </label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">Last name: </label>
<input type="text" id="lname" name="lname"><br>
<input type="image" src="https://lenadesign.org/wp-content/uploads/2021/06/submit-button.png" alt="Submit" width="100" height="100">
</form>
</body>
</html>
Output:
Play a video:
<!DOCTYPE html>
<html>
<body>
<video width="640" controls src="https://videos.files.wordpress.com/lFj3lsG4/valentines-day-movie_dvd.mp4" type="video/mp4">
</video>
</body>
</html>
Output:
Read also: