Embedding image in html is not visible

1

here is the screenshot of it. all code and syntax for embedding image is good but when i run this file i can’t visible these image.

Screenshot 2021-07-31 at 11-35-35 Learning HTML

2

@abhijeetsakhare.site
Do you have the image file in the same folder where html file is present?

3

send a snap of your code

4

Hey @abhijeetsakhare.site !
Did you check the image extensions in your code?
Maybe they are mismatched.

5

@akshayan.sinha yes i have the image file in the same folder.

6

@abhijeetsakhare.site
Can you share the code you’re trying to implement.

7

yes extension is right.

8
Learning HTML Hello World! This is a Paragraph. 
</p>

<p 
    style="color:green;">
    This is a Paraghraph 2.
</p>

<h1 
    style="color:#ff6600;">
	This is heading h1.
</h1>

<h2 
    style="color:#c1b6b8">
	This is heading h2.
</h2>

<h3 
    style="color:#10f767">
	This is heading h3.
</h3>	

<h4 
    style="color:#6b301c">
	This is heading h4.
</h4>

<h5 
    style="color:#fba801">
	This is heading h5.
</h5>

<h6 
    style="color:#fb0167">	
	This is heading h6.
</h6>	
<img src="bolt_logo.png">
9

Can you show the folder where both HTML and image file is present?

10

i got it when i was use alt=“bolt iot” then it is visible.

11

The image is visible when you are writing ‘alt’ or when you are not ?
Could you please clear this @abhijeetsakhare.site ?

12

Hi @abhijeetsakhare.site alt attribute should not affect the visibility of the image on site. Alt attribute provides extra information to the user in case the image is not being shown to the user for some reason.

13

Am facing the same problem.

IMG_20220703_185303
IMG_20220703_1853031536×3296 465 KB

14

Hi @sagarnaik28732 ,
It might be the case that your path is not correct. Kindly share a screenshot of your code along with the folder structure and assets.