Learn HTML by Building a Cat Photo App - Step 10 - 7Ax92PSmfLYOFddkEyuMv

HTML-CSS
1

Tell us what’s happening:

Step 10

You can link to another page with the anchor (a) element. For example, <a href='https://freecodecamp.org'></a> would link to freecodecamp.org.

Add an anchor element after the paragraph that links to https://freecatphotoapp.com. At this point, the link won’t show up in the preview.

I’ve tried multiple times to put below the p element and haven’t figured it out yet. I’ve also looked in the forum, I’m feeling pretty stupid right now.

Thanks for any help!

  **Your code so far**

<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <h2>Cat Photos</h2>
    <a herf='https://freecatphotoapp.com'></a>
    <p>Click here to view more cat photos.</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 10

Link to the challenge:

2

an anchor element should have some text between the opening and closing tags.

the challenge asks you to use the “cat photos” you have written inside the p as anchor text

4

Screenshot (1)
Screenshot (1)1920×1080 469 KB

I’m still not sure what I did wrong.

5

An anchor element should have some text inside - you don’t have any

The text inside should be the words “cat photos” in the line above so you need to move the opening and closing anchor tag before and after those words

6

Like this? If the herf is linking to an URL, I’m not seeing where the URL is.

Screenshot (6)
Screenshot (6)1920×1080 461 KB

So, I tried this and this didn’t work.

Screenshot (8)
Screenshot (8)1920×1080 466 KB

7

I looked in the forum and found that I was missing a target attribute. The exercise didn’t mention one, so I’m assuming I would have never figured it out until I learned about that. Since I’m a beginner with no HTML background should I find another HTML resource to help with this program? Thanks!

Screenshot (9)
Screenshot (9)1920×1080 457 KB

8

step 10 passes without needed to add the target attribute, you will meet it in step 13

9

I am now stuck on Step 11, so I guess I’m going to have to find another resource. Thanks so much for all your help!

1 Like
10

If you have a question about a specific challenge as it relates to your written code for that challenge, just click the Ask for Help button located on the challenge. It will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

11

@Jenn-Meyer
i noticed that code have typo of href. you wrote herf. so it suppose to be href. that is what you have issue… since it said It don’t have href. sorry about you have issue with it for long time

12

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