How to insert image in HTML

Question

I am not able to insert image in my html page please help me out

Answer 1

Similar posts available use search bar before posting ur question

Hope it may helps u

https://www.sololearn.com/discuss/1325165/?ref=app
https://www.sololearn.com/discuss/1211641/?ref=app
https://www.sololearn.com/discuss/2074453/?ref=app
https://www.sololearn.com/discuss/1608657/?ref=app
https://www.sololearn.com/discuss/1231366/?ref=app
https://www.sololearn.com/discuss/2330567/?ref=app
https://www.sololearn.com/discuss/2084638/?ref=app
https://code.sololearn.com/Wy3lrXNwGsgJ/?ref=app

Answer 2

Please use search bar before asking the question.

https://www.sololearn.com/discuss/1839260/?ref=app
https://www.sololearn.com/discuss/1039326/?ref=app
https://www.sololearn.com/discuss/2084638/?ref=app
https://www.sololearn.com/discuss/1288998/?ref=app
https://www.sololearn.com/discuss/2023817/?ref=app
https://www.sololearn.com/discuss/1608657/?ref=app
https://www.sololearn.com/discuss/448394/?ref=app
https://www.sololearn.com/discuss/155772/?ref=app
https://www.sololearn.com/discuss/2292204/?ref=app
https://www.sololearn.com/discuss/1283036/?ref=app

Answer 3

Use this tag
<img src="source.filetype"> make sure that the picture and the html document are on the same directory. If not use< img src="folder name/source.filetype">

Answer 4

you can insert a image by a img tag.
for example you have to insert a image which is in new folder:
example: <img src="new folder/..." alt="" width="" height=""> (fill these values...)
you can set it's width and height by css or by html itself.

if its a png file so you have to write .png
if its a jpeg file so you have to write .jpeg
if its a gif file so you have to write .gif

Answer 5

Thanks NEZ For Answering My Questions.
Is it necessary to create a New folder for image or
We can directly put our image location

Answer 6

if it's in a folder then write (folder name/image name) if it's not in a folder then you have to only write the image name...

Answer 7

I have done the same way
But its not showing on page bro

Answer 8

See this bro
<img src="/sdcard/folder/IMG_20200319_123256.jpg "/>

Answer 9

For Html ->
<img src="path of an image.jpg" alt="" width="" height="">

NOTE: YOUR IMAGE EXTENSIONS IS .jpg , .png, .jfif or other.

I have written jpg for example only.

For Css ->

I am dam sure that image is not set in your background by writing background-image in css.

Instead you have to write following:

background:url("path of image.jpg") center no-repeat;

Answer 10

<img src="file path>

Answer 11

By using img tag

Answer 12

Use <img> tag to insert image
Best way is to copy image(eg. xyz.gif) in seprate(create new folder where your HTML document is saved) folder eg. Imgfolder now type following code in your HTML document:
<img src="imgfolder\xyz.gif">
Where src is the source (URL)of image file(with extension name may be gif,jpg, jpeg,bmp,pnb)

Answer 13

<img src="name/location.extension">

Answer 14

Copy your imageʼs path for example
/storage/emulated/0/DCIM/Screenshots/IMG_20200609_145115.jpg

Answer 15

<img src="">

Answer 16

this worked out for the project
<img src="https://sololearnassets.azureedge.net/eiffel-tower.jpg"
alt="The Eiffel Tower" width="30%" >