How to add HTML <img> src Attribute
An image is marked up as follows.
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="https://horje.com/avatar.png".
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
Syntax
<img src=" URL ">
Attribute Values
| Value | Description |
|---|---|
| URL |
The URL of the image. Possible values:
|
index.html
Example:
HTML
<img src="https://horje.com/avatar.png" alt="Girl in a jacket" width="500" height="600">
Output should be:
|
Type
: |
html |
|
Category
: |
Web Tutorial |
|
Sub Category
: |
HTML Tag |
|
Uploaded by
: |
Admin |