Inserting an image in HTML

Tell us what’s happening:
Trying to get my src img to display properly but no matter what link I use it just doesn’t work. I just started learning HTML a couple of weeks ago so I am fairly new at this

Your code so far
<img class=“picture-of-mayer” src(= did this so code displayed)“https://www.google.com/search?q=john+mayer+picture&rlz=1C1CHBF_enUS776US776&sxsrf=ALeKk01hRgJ_4M9VawquAXt6z9nyYJSvnw:1591553854861&tbm=isch&source=iu&ictx=1&fir=pEYuu7ka8_7BGM%3A%2C_Zb8FpRO3OdIKM%2C_&vet=1&usg=AI4_-kRhN4s2Tlkw8ygesa30cP4Unv30pg&sa=X&ved=2ahUKEwiNo6ORqPDpAhVSLKwKHXhLArsQ9QEwDHoECAoQNA&biw=855&bih=791&dpr=1.13#imgrc=pEYuu7ka8_7BGM:” alt=“picture of john mayer”>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.138 Safari/537.36.

Challenge: Build a Tribute Page

Link to the challenge:

Can you provide us a link to your codepen or project source code?

Sure thing. https://codepen.io/freeCodeCamp/pen/MJjpwO Uh for some reason the link doesnt have my code? I just copied the URL from the page I was using, do I have to save it somehow?

https://codepen.io/tannerholb/pen/KKVpJbb Heres the link, my bad.

Hey @tannerholb,

First of all, you used class instead of src.

Secondly,
You used the Google Search link. Next time don’t Copy Link, do Copy Image Link.
image
Anyways, here’s the working link:
https://i.pinimg.com/originals/c7/87/57/c787576ac023ce6b59f7d2ca4759754d.jpg

Yeah, I saw I put it in class instead of src, my bad. However, I was also copying and pasting the link like you mentioned I didn’t know we needed an actual link address, thanks, man!

1 Like

Glad I can help you. Now you can continue working on your project. Good Luck and Happy Coding !!:slight_smile: