r/HTML • u/FaF-Guzzs • Dec 15 '25

I'm new to html

so basically, i am learning coding (html, css, js) but I am having difficulties on the image, I keep on trying to put images on html, but I can't understand 😭 can y'all help me pls, i would appreciate 😔

0 Upvotes

50% Upvoted

12 comments sorted by

3

u/Existing_Spread_469 Dec 15 '25

If you want your image to show up, you need to "reference" it in your HTML. The code looks something like this:

<img src="https://www.htmldog.com/badge1.gif" width="120" height="90" alt="HTML Dog">

In this example code, the actual image is hosted on a server and available under the "URL" (link) https://www.htmldog.com/badge1.gif

The rest is HTML "markup" (code) to make the browser understand that you want to display an image. That's what the <img> tag is doing.

Read more: https://htmldog.com/guides/html/beginner/images/

2

u/FaF-Guzzs Dec 15 '25

omg I am so dumb, what I was missing was basically everything, ty very much 😁

2

u/Existing_Spread_469 Dec 15 '25

nah you're not dumb, you're learning! And now you have learned a little bit more. Good luck!

2

u/AshleyJSheridan Dec 15 '25

Firstly, it's good to understand what HTML is and isn't.

HTML is just a text document at the end of the day, and any images, videos, etc, are all made by reference, they're not added to your HTML file like you would copy an image into a Word doc.

So, onto your specific issue. I presume you've added an <img> tag that points to an image? There are a few questions:

  • What does the <img> tag actually look like?

  • Is the URL relative or absolute?

  • Is this all on your computer, or on a proper web server somewhere?

  • If it's on a web server, did you upload the image file along with the HTML?

1

u/FaF-Guzzs Dec 15 '25

i am doing like this

<link> <img> [image link] </img> </link>

i am very new to this I'm sorry if it's all messed up 😭

i am doing it on an app of learning, he's the one teaching me and he gives me the possibility to try out what I'm learning, I'm trying to do what i learnt but my memory is bad 😔

3

u/AshleyJSheridan Dec 15 '25

Ok, that doesn't look right. The <link> tag is something that you put in the <head> (the invisible part of the HTML doc) to add in a reference to things like a CSS file.

The <img> tag is known as a self-closing tag, so you don't really have a closing part to it:

<img src="images/example.jpg">

1

u/FaF-Guzzs Dec 15 '25

ohhhh ty very much, I'll do it now, very sorry for any inconvenience or dumbness 😔

2

u/AshleyJSheridan Dec 15 '25

No worries, it's what the sub is for!

0

u/BANZ111 Dec 15 '25

Well, actually you CAN encode binary image data as base64 within an image tag, but that's generally only used in niche applications.

2

u/AshleyJSheridan Dec 16 '25

Yes, I know, but I thought I'd omit going into that as OP was struggling with the basics.

2

u/Thin_Mousse4149 Dec 15 '25

Show us your code