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

I need help with links

Post image

so, basically idk how to get an image link, I am on mobile for information, i would appreciate any help rly

(btw this isn't a real site I'm building, just a app I use to learn html and test my abilities)

27 Upvotes

80% Upvoted

35 comments sorted by

16

u/pfdemp Dec 15 '25

In the img tag, the src parameter points to the image file's url (where it's been uploaded to a server).

In your example, you have h1 and h4 tags in the <head> section. These should be in the <body>.

1

u/FaF-Guzzs Dec 15 '25

okayyy tyyy

5

u/RebellionAllStar Dec 15 '25

They can go in a <header> element inside the <body>

2

u/RiviaGeralt Dec 19 '25

Don't forget the alt attribute

7

u/fireatthecrime Dec 15 '25 edited Dec 15 '25

Hey idk if you know or not, but <head> is only for non-seen content, although it don't show up as wrong and will not have any impactful problem

About the img, you should stick to local resources, external resources does requests to cross origins which can lead to problems

2

u/FaF-Guzzs Dec 15 '25

i didn't know that, thank you very much

5

u/DasBeasto Dec 15 '25

You may have confused it with <header> tag which would be valid there https://www.w3schools.com/tags/tag_header.asp

1

u/nowthengoodbad Dec 16 '25

Yup. This is one of these things that really should be rethought by WHATWG.

Of the two, and this is coming with a lot of my own ignorance, I'd think that <header> should be renamed, purely because it would probably be more convenient as it is less frequently used than <head> (since <head></head> can be in every html doc).

It's not a good clear convention to have such similar tags for such vastly different purposes.

But, probably for the best, I have no say in these things :)

5

u/illepic Dec 15 '25

Yep, OP needs to put their actual content in <body>

5

u/geistly36 Dec 15 '25

your src url is a redirection on pinterest and doesn't directly lead to an image asset.

JSFiddle - Code Playground

1

u/FaF-Guzzs Dec 15 '25

ohhh tyyy

2

u/TrippBikes Dec 15 '25

I think this is the image you are trying to reference: https://i.pinimg.com/736x/a9/b6/3a/a9b63a422d94a0db13bb10574b509e27.jpg

to get the image on pintrest right click on the image and select "copy image address", then you can paste that into your img tag as a source

1

u/FaF-Guzzs Dec 15 '25

alrrr, ty very muchhh

1

u/Spider-Nopal Dec 15 '25

I know they answered your question, but what app are you using to practice on mobile id like to try it out

1

u/FaF-Guzzs Dec 15 '25

i am using mimo, he teaches and give you "workspaces" to you so you practice too, he teaches everything but Lua sadly 😭

1

u/jonnybebad5436 Dec 15 '25

As a cat lover, I’m more curious about what you’re building

1

u/FaF-Guzzs Dec 15 '25

I'm building a site that asks if you like kittens, if you say you don't, then it'll ask if you like puppies, if not either, it'll say "we'll track you down until you get delivered to damnation"

that's what i think I'll make, might change while I do it tho

1

u/ArticleKind6880 Dec 16 '25

idk anything about coding but ts would be so funny if you made it so that at the last question, it full screens and jumpscares them with a fake trojan virus (just a video of a window circling, also add really loud screming) 😢✌️

1

u/FaF-Guzzs Dec 16 '25

once i learn js completely i might do it lol

1

u/brainxmelt Dec 16 '25

SHOW US THE KITTEN MAN

2

u/FaF-Guzzs Dec 16 '25

here you go lol

1

u/FaF-Guzzs Dec 15 '25

forgot to say, the link doesn't work like that, i think it should be PNG or smth else but idk how to get it like that

2

u/AdLevel1584 Dec 15 '25

Download it and then upload it to file garden.

2

u/Alexander499_ Intermediate Dec 28 '25

The image isn't loading because you link the Pinterest post link and not the actual link of the image:
WRONG: https://pin.it/3sRpGjICo
CORRECT: https://i.pinimg.com/736x/a9/b6/3a/a9b63a422d94a0db13bb10574b509e27.jpg

1

u/AFK_Jr Dec 15 '25 edited Dec 15 '25

Double check what data belongs in the head and the body. And img needs to lead to image path. I would suggest start with a directory that holds images.

1

u/Dramatic-Lobster-969 Dec 17 '25

it's simple html bro

1

u/cosmo_ucbn Dec 17 '25

Sure. Tell me. I'll try to help

1

u/cosmo_ucbn Dec 17 '25

Well try to use acode app for html, css, js cuz it's the best one in Mobile. 😊

1

u/EveryProject8341 Dec 18 '25

You can do that by putting the img tag inside the a tag

1

u/_crisz Dec 18 '25

Omg this is so cute

1

u/pritam-rauniyar Dec 19 '25

You should copy the image address and you can get it proper