HTML & CSS Inserting image in a web page

[sallu110]

Hye! I am trying to insert an image from my pc to a webpage but its not working.I am working on tailwind currently.
<img src="images/PP.jpg"style="width:300px; height:300px" alt = "my pic">
This is what I get:

Thanks!

 

[Blnukem]

Other then you are missing the ; at the end of -> height:300px everything should work be sure the path to the image is correct ->images/PP.jpg and that it is uploaded or in the proper folder.

 

[sallu110]

Other then you are missing the ; at the end of -> height:300px everything should work be sure the path to the image is correct ->images/PP.jpg and that it is uploaded or in the proper folder.

Thanks. I need to ask another thing too. This is the static website which I made using tailwind :
http://127.0.0.1:5500/index.html
I have to use the URL of this website for a sign up process. But they are not accepting it by saying " Please provide full, valid URL". What should I do?

 

[Blnukem]

http://127.0.0.1:5500/index.html is the "local" address of a PC, probably yours. You must upload your HTML page to a "webserver" with a "valid Domain name" to allow it to be viewed publicly.

 

[sallu110]

http://127.0.0.1:5500/index.html is the "local" address of a PC, probably yours. You must upload your HTML page to a "webserver" with a "valid Domain name" to allow it to be viewed publicly.

So I will have to buy a domain name?

 

[Blnukem]

Yes, But there are free option out there just search for: "free hosting" -or- "free domain" you will find a option that fits your needs.

 

[sallu110]

Yes, But there are free option out there just search for: "free hosting" -or- "free domain" you will find a option that fits your needs.

I have uploaded it on 000webhost. It has successfully opened the website but the picture is again not displaying. If I simply open the HTML file in web browser then its displaying but with 000webhost its not displaying the picture. https://codifywithsallu.000webhostapp.com/

 

[Blnukem]

"If" you have uploaded the image, then you have the path wrong. IE: "images/PP.jpg" try uploading the image into the "same" directory as your html file and use this code: [CODE lang="html" title="HTML Pic"]<img src="pp.jpg" style="width:300px; height:300px;" alt = "my pic">[/CODE]

Be sure to rename your pic to "pp.jpg" all lower case, just a note all Linux systems are CaSe sensitive so watch your spelling and folder paths.

"pp.jpg" is not the same as "PP.jpg" they are looked at as two different files.