Picture link of a cat photo

Tell us what’s happening:
Describe your issue in detail here.
I need to make the picture a link. How do I do that? I used anchors around the img and that seemingly didn’t work. I’m trying to nest everything for href. The picture remains visible but how I envision is wrong.

  **Your code so far**
<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
    <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
   <a> <img href="https://freecatphotoapp.com" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back." (a) img src=href="https://freecatphotoapp.com"></a>
  </main>
</body>
</html>
  **Your browser information:**

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 14695.85.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.0.0 Safari/537.36

Challenge: Step 14

Link to the challenge:

Hi there!

Please note the hint given by the lesson:

Use https://freecatphotoapp.com as the anchor’s href attribute value.

It seems like you added the href attribute to the wrong element.

Hint

I put the at the end of the line for the img src alt. It giving the above suggestion Your anchor (a) element should have an opening tag. Opening tags have this syntax: <elementName>. I don’t know what even element name i’m talking about? Is that like a href? I think it matters that it’s in the arrows. But I don’t get what next.

So, you put the href attribute to your img element

<img href=“https://freecatphotoapp.com” src=“https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg” alt=“A cute orange cat lying on its back.” (a) img src=href=“https://freecatphotoapp.com”>

However, the lesson is instructing you to add this href attribute to the anchor element. By anchor, they mean the <a> element

That didn’t work. I’m so sorry.

No need for apologies ^^ can you share here how your code is looking now after you tried to fix it so I can help you further?

Test

Sorry, your code does not pass. Keep trying.

Hint

Your anchor (a) element should have an opening tag. Opening tags have this syntax: <elementName>.

Do you think that means, (A) img , or tying the whole image. I think I tried that, I dunno if it worked.

It wouldn’t let me print my code back to you. It says new users can only send two links. I’m not sure what exactly that means, but the links in the code are links. It wasn’t letting me send.

<img href=" https://freecatphotoapp.com" src=“https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg” alt=“A cute orange cat lying on its back.”

(a) img src=href=“https://freecatphotoapp.com”>

Ok so, in this snippet of code you sent:

<img href=“https://freecatphotoapp.com” src=“https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg” alt=“A cute orange cat lying on its back.” (a) img src=href=“https://freecatphotoapp.com”>

you’re not supposed to add the href attribute to the img element, but the <a> element right above<img>.

It’s supposed to go along the lines of:

<a *ADD HREF ATTRIBUTE HERE*>
<img></img>
</a>

I have this same problem. I have been stuck on that level for a while now cause of that… I don’t know what’s wrong with it

<a href=“https://freecatphotoapp.com

<img src=“https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg” alt=“A cute orange cat lying on its back.”

Doesn’t work.

<a href=“https://freecatphotoapp.com
<img src=“https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg” alt=“A cute orange cat lying on its back.”

<a href=“https://freecatphotoapp.com
A cute orange cat lying on its back./a>

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.