I need to add an image in html can u pls help me that what should be the src because I can't see the image after entering src | SoloLearn: Learn to code for FREE!

+5

I need to add an image in html can u pls help me that what should be the src because I can't see the image after entering src

Html image

9/30/2020 6:10:50 AM

Sukant Tripathy

20 Answers

New Answer

+3

Hope this will help you <img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">

+7

Use search bar before post question https://code.sololearn.com/Wy3lrXNwGsgJ/?ref=app https://code.sololearn.com/WT3661NHpV3B/?ref=app

+5

Firstly, ensure that you have added the link of the image, and not of the site that hosts the image. Secondly, use this tag: <img src= "somelink.extension> Extensions can be of any type: png, jpg, jpeg, ETC Sololearn doesn't support adding files directly from your device to the playground. Use Dropbox app to save the pic, and then make a link of the pic in it. Copy paste it in the tag above. For more information, use the 'code' section to find codes that help u add pic. Or, 'discuss' section to find better answers.

+4

It is easy and also for fun Many of people are put down the syntax of code but they have not the proper knowledge of that formula or syntax So I am explain you the formal (syntax) with good example :- Syntax :- <img src ="img.jpg"> It is the simple syntax Now make it creative with an Example <img src="tajmahal.jpg" align="center" height=50% weight=50%> Okay so here I am using a picture name tajmahal in my Document And here our first query that many of people are adding the name of picture in Document with proper extension but img not visual to any one In this people have not notice the property of picture if you not giving the proper path Your img your img so src is not usefull So ensure that you are Giving the proper path Soon the extension format For example You can apply jpg png and more format so use image with proper extension Thank Have a great day HansRaj

+3

For image url from website check these code... https://code.sololearn.com/W8SV6z3FNPLm/?ref=app https://code.sololearn.com/WZZou4tJQrjO/?ref=app

+3

with img tag you can add a image in your code <img src="https://code.sololearn.com"/>

+2

Meake sure that your image src has .jpg, .png or .gif at the end

+2

By using<img> <img src="link of the image" alt="image" width="400" height="300"> Hope it helped😃

+2

<img src="imagelink.jpg" alt="if_image_failed_to_load_what_will_visitor_see"/>

+2

Use <img> tag to insert a image in html.

+1

Thank you so much u all😃😃😃😃

+1

Try using Dropbox, and uploading your images on the app, and then: <img src ="https://dl.dropbox.com... jpg" >

0

Is it necessary to add alt tag

0

0

Ok thank you so much

0

0

I don't want to install Dropbox is there any other method

0

img tag: <img src="image.jpg" alt="" width="w" height="h"/> The reasons image didn't show up in the webpage might be: 1. The source (src) path selected might be wrongly put. See for the correct hierarchy of the file. 2. Extension of image file might be different. (.jpg, .png,....) 3. Try changing the width and height of the image [width="w" height="h"] in pixels (px) or percentage (%) as its size might not be adjusted for the webpage. 4. Give the image name (value) in alt="imageName" property, and if the browser shows no image with alt name on the screen; means your browser doesn't support the image format. Try to open the code in different browser.

0

U better search that image in google and "copy link address" and paste it in src

0

are you tried to adding images from your mobile?