How to create images in html With url

Question

I do not able to understand that how to create image url.

Answer 1

this should help:

https://www.sololearn.com/learn/HTML/1030/

<img width="40px" height="40px" src="path_to_your_image" alt="text_or_other_image"/>

src is the source of your image file in the project directory

alt is used in case the image in src attribute does not exist

height and width are the image dimensions

Answer 2

you need to put the entire link of the image as src value

link of image:
https://images.newscientist.com/wp-content/uploads/2019/07/02111520/gettyimages-157639696.jpg

add this inside the body tags and run the code:

<img src="https://images.newscientist.com/wp-content/uploads/2019/07/02111520/gettyimages-157639696.jpg" />

Answer 3

how to search the web using google search:

https://support.google.com/websearch/answer/118238?co=GENIE.Platform%3DDesktop&hl=en

Answer 4

Thank you sir.

Answer 5

Sir,
How to copy url from google any img.

Answer 6

How to find url adress from google step1 to final step.

Answer 7

Keep your image in the same folder as the html file.
Declare <img src ="">

Answer 8

You have two options. Decide first whether you have to use RELATIVE PATH/URL or ABSOLUTE PATH/URL. The immediate difference between them is their length. Relative one is generally shorter than absolute one.
If you wish let us understand them one by one.

Absolute Path/ Url
At glance, suppose you have your image file named ' img11' in D: drive inside the folder named Images. Then, the path to visit your image will be like this:

First go to D: drive, then click Images folder and then click your image file img11.
In short,
D:/images/img11.jpg

Here, .jpg is the extension of that image. Don't forget to write extension.

Relative Path/Url
First place your image file to the folder you placed your index.html file. Now over.
The url is img11.jpg.

WAY TO INSERT IN HTML
Absolute
<img src="D:/Images/img11.jpg" alt="Image" width="500px" height="200px">

Relative
<img src="img11.jpg" alt="Image" width="500px" height="200px">

BONUS 👑
Alt is an attribute. It is an alternative text. It is displayed when net is slow.