Learn HTML by Building a Cat Photo App - Step 15

HTML-CSS
1

Tell us what’s happening:
I am quite sure my code is wrong, but I can’t wrap my head around it. Please someone help me understand this step.

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>
      <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://freecatphotapp.com"></a>
    </main>
  </body>
</html>

Your browser information:

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

Challenge: Learn HTML by Building a Cat Photo App - Step 15

Link to the challenge:

2

This is text which is surrounded by anchor element, and it became a link that way.
It is from your code, from previous steps.
<a target="_blank" href="https://freecatphotoapp.com">cat photos</a>

Here you need to do the same, not with text, but with img element

3

But then how do I impliment that?

4

the steps are exactly the same each time you make a link:
1- create the opening anchor tag and place it to the left side of the <clickable-thing>
2- create the closing anchor tag and place it to the right side of the <clickable-thing>
done.

1 Like
5

I’m sorry but you’ve lost me there

6

What exactly is unclear in the provided explanations? Maybe we can rephrase it or add to it more info?

But to do that we need specific question.

7

This " 1- create the opening anchor tag and place it to the left side of the <clickable-thing>
2- create the closing anchor tag and place it to the right side of the <clickable-thing>" is confusing me
So I think rephrasing should a little

8

okay can you describe to me how to turn a word “CLICK” into a link.

You tell me how you would do it…

9

By using an anchor correct?

10

yes, please give me more instructions. Pretend I don’t know how to do it.
Describe it to me in steps or you can do it for me (turn the word CLICK to a link)

11

Just in case you want to post some code, use this instruction to do that:

12

With all due respect, i would say that this situation is quite ironic. I came here as a student, and now I’m being treated as a teacher.

13

You forgot to close one of your tags.

14

I am trying to use your own words to teach as you said my explanation was not clear (where I used my own words if you recall?)

If you can explain to me the steps in your own words so that of course your own words are clear to you. Then, I can use those words to explain what to do here .

The irony is only that you have chosen not to try.

15

I think I’ve found where my error was. The img element was meant to be nested into the anchor

16

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