HTML | Sololearn: Learn to code for FREE!

+9

HTML

Please; How do I use the <img/> tag to insert pictures? The pictures; can they be inserted only from the web or locally from ones phone. If so, how?

4/26/2019 1:19:22 PM

Chioma Paul

46 Answers

New Answer

+2

Chioma Paul , 'pathtoimage' means the address or path of the image which you want to display from the stored entity (eg: hard disk or cloud)

+7

<img src="img Location/png or jpg/>

+5

<img src= "paste image link here" alt/> [Hope it will help you]. :)

+4

Its the way that the browser locate where is the image in your computer For example if your image is not in the same folder with the html file that you want to use and let's say its in another folder named "image" (that folder should be inside the main folder with the html file) You type <img src="image/nameofimage.formatofimage" /> and you can use the "." Before image if the image is in another place in your computer (out of the main folder) I hope that helped.

+4

Ok you are good to go <img src= " the link comes here " alt/>

+4

<img src="o.png" alt="something" width="100%" />

+3

Its very simple .. you write the code in any text editor and you save it as .html

+3

Upload to a cloud server and then download to local

+3

Example For web <img src="http://blablablaimage.com"/> For local assuming u are using localhost <img src="../image.jpg"/> Depending on the text editor of you put the quote it will show a popup box to locate the image file. i use dreamweaver

+3

you must upload your picture to a website and get url adress of that. <img src="url adress and code" alt="#"/>

+3

In sololearn playground, yes you need to upload your pictures first. But when you are using your text editor and browser, you can use the local files

+3

<img src="link of image">

+3

<img src= "put the link here">

+2

<img src="pathtoimage"> You can find lots of examples on the web to handle <img>

+2

Only web?

+2

You can use a local path on a phone or whatever. But if you copy the HTML to an other phone for example, it may not work. Be careful, if you use it local.

+2

<img src='' "> Is the simplest method

+2

<img src="download 1.jpg"/> <img src="image link (location,path)/image name . image type ">

+1

Generally , if you are creating code in the sololearn or any other app, it can't access images on the phone.. you have to upload to a webhost e.g like Dropbox or Google drive and use its link I think... But if you are creating a code in a local note editor app , then it may detect the image locally...

+1

Oooh no, no I haven't.