Learn HTML by Building a Cat Photo App - Step 11 - nxup1YoM3mKP132wh0bT1

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

I’m at a loss of what I’m suppose to do. I’m unsure of how to link the URL to “cat photos”. Thanks!
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 herf="https://freecatphotoapp.com">cat photos.</a></p>
    <a href="https://freecatphotoapp.com"></a>
    <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
  </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/103.0.0.0 Safari/537.36

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

Link to the challenge:

2

For this step, you don’t need any a elements in this line

1 Like
3

You have it correct here (minus the extra .), but you put this in a place that is outside of the editable region. You should only make a change on the line with the a element, not inside of the p element. The changes in the p element are on the next step.

4

You have to nest the img element in the second a tag.

5

No, that’s a different challenge.

6

Hello and welcome to the forum.

I am not sure if this is required by this particular challenge step

7

So, I searched ahead and found that I needed to add a target attribute. I’m just not understanding the in between steps. The tips are very vague, but this is what I got. I’m not sure if I’m actually learning.

Screenshot (11)
Screenshot (11)1920×1080 482 KB

8

Please post actual code instead of pictures.

You do not need to add a target attribute. You should not be editing anything inside of the p element at all. Do not edit line 7. Reset the code and only edit line 8.

Looking ahead and trying to copy answers out of following steps is causing you to get wrong answers.

1 Like
9

I’m going to reset the whole thing and try again. I could not figure out step 10 and haven’t been able to figure it out without looking in the forum. I read that in Legacy that the instructions were not so vague, so I’ll take a look there as well. Thanks!

10

I wouldn’t call these instructions ‘vague’. The legacy just has more examples that can be blindly copy-pasted without any understanding. We’re trying to get away from that.

This is the only line you should edit:

      <a href="https://freecatphotoapp.com"></a>

You should add anchor text per the example:

A link’s text must be placed between the opening and closing tags of an anchor (a) element. For example, <a href="https://www.freecodecamp.org">click here to go to freeCodeCamp.org</a> is a link with the text click here to go to freeCodeCamp.org.

Copying code from later steps has you editing completely wrong parts of the code.

11

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