The location of the external file can come in two ways:
- The first one is the local file that you saved on the computer, and you can access it by writing the file directory as
./folder/image.png
. - The second one is the online file that you get from the internet, and you can access it by writing the URL as
https://example.com/image.png
.
An example code
Here are some examples of how to use the src
attribute in an HTML file.
An image source file:
<img src="./Rick Astley - Never Gonna Give You Up.png" alt="Rick Astley" />
A video source file:
<video controls>
<source src="./Rick Astley - Never Gonna Give You Up.webm" type="video/webm"/>
</video>
An audio source file:
<audio controls>
<source src="./Rick Astley - Never Gonna Give You Up.mp3" type="audio/mp3" />
</audio>
Notice about src attribute
While the src
attribute is usually used in img
, video
, and audio
, it also supports other elements like embed
, iframe
, input
, script
, input
, source
, and track
.
Get my free e-book to prepare for the technical interview or start to Learn Full-Stack JavaScript