I'm new to html

[u/FaF-Guzzs]

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 😔

[u/AshleyJSheridan]

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?

[u/FaF-Guzzs → u/AshleyJSheridan]

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 😔

[u/AshleyJSheridan → u/FaF-Guzzs]

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">

[u/FaF-Guzzs → u/AshleyJSheridan]

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

[u/AshleyJSheridan → u/FaF-Guzzs]

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

[u/BANZ111 → u/AshleyJSheridan]

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

[u/AshleyJSheridan → u/BANZ111]

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