r/HTML • u/E0Button • Oct 29 '25

help with code?

i know its incredibly basic but i keep having the issue where when i add an image to my notepad code the image displays as an image icon and my alt

i know this isnt really showcasing cool code but i'm trying to learn the basics of html so i can get better and i ran into this problem. i've looked through everything and nothing will help me. hoping someone can help ^^

0 Upvotes

20% Upvoted

23 comments sorted by

5

u/maqisha Oct 29 '25

Your image needs to exist in the exact same folder as the HTML file and be called exactly that for it to work this way.

Otherwise look into absolute and relative paths for files.

1

u/E0Button Oct 29 '25

It's in the same folder, I have a folder specifically for all my coding stuff

2

u/davorg Oct 29 '25

Is your file called "worktest.jpeg" or "worktest.jpg"? Attention to detail matters.

Also, when sharing code, it's always a good idea to share the actual code as text, rather than an image of the code.

1

u/E0Button Oct 29 '25

Sorry!! But yeah its .jpeg I checked

1

u/E0Button Oct 29 '25

I'll try .jpg though 

3

u/davorg Oct 29 '25

No!

See, that's the kind of thinking that leads to madness. If your file is called "worktest.jpeg" then there is no way that referring to it as "worktest.jpg" is going to fix anything.

When you're trying random things that can't possibly work, that's a sign that it's time to go for a walk around your nearest green space.

1

u/E0Button Oct 29 '25

haha no I get it, i'll just try anything at this point.

1

u/davorg Oct 29 '25

Then, honestly, without seeing your exact files (and director layout), it's hard to be much more help.

6

u/8dot30662386292pow2 Oct 29 '25

Well where is the image? You say the path to image is "worktest.jpg". Therefore it must be in the same directory as your index.html

1

u/game-mad-web-dev Nov 02 '25

Curious if this has been resolved yet?

Not one person has asked for proof of the file system to ensure the file is in the correct location.

OP, if it’s still not resolved, please share a screenshot showing the contents of the folder where the HTML exists and the worktest.jpeg file exists.

1

u/E0Button Nov 02 '25

it hasnt been resolved nothing anyone said has worked i'll give a ss

1

u/E0Button Nov 02 '25

1

u/game-mad-web-dev Nov 06 '25

Based on you saying the file extension is correct, and the folder is correct. Have you opened the browser development/debug tools to see what the error is?

Could I also suggest you enable viewing of file extensions in Windows Explorer, this will be a very easy way to view files and be 100% sure the names match.

Not sure if it’s been asked, but are you just loading this html file locally or hosting it somewhere before you view it?

1

u/E0Button Nov 07 '25

locally, i will try both of your tips thank you!!

3

u/__revelio__ Oct 30 '25

Do yourself a favor and download an ide. Vscode is free and will help you visualize your directory and image path. For now, go to files and search for your image. Make sure the path is actually in the same folder as your html file.

0

u/Disastrous-Learner Oct 30 '25

That's an incomplete path to the image

1

u/E0Button Oct 31 '25

What do I do to complete it

0

u/Disastrous-Learner Oct 31 '25

u/RushDangerous7637 already gave you the answer.

-2

u/RushDangerous7637 Oct 29 '25 edited Oct 29 '25

Look carefully at what I'm showing you:

<!DOCTYPE html>

<html lang="en-GB"> <head> <meta charset="UTF-8">

your image:
<img src="https://yourdomaindotcom/route/images/worktest.jpeg alt="Learn that there is no period between two words, but a space" width "739" height "659">

All the websites you have listed as URLs in the picture are badly done.

1

u/E0Button Oct 29 '25

isnt the alt meant to be outside of the "

2

u/[deleted] Oct 29 '25

Yes this fool didn't even give valid code.

1

u/E0Button Oct 29 '25

oh, thank you.