step 12 in HTML

HTML-CSS
1

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

  **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 cat photos.
     href'https://Click here to view more cat photos.</p>
    <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: Step 12

Link to the challenge:

2

The challenge wants you to wrap the word **cat photos ** with an ancor tag.
Here’s an example where the word forum is wrapped with an ancor

<p>
  welcome to freeCodeCamp <a href = "the_ancor_link">Forum</a>
</p>
3

I don’t understand what I am supposed to do with this Step, very unclear

4

Wrapping here means surrounding an element or a piece of text with a html tag.
take the example below:

<p>
  Welcome to FreeCodeCamp Forum
</p>

If your asked to wrap the word forum in an ancor tag, you just need to surround it with the html ancor tag. this converts it into a link, your code now looks like this.

<p>
  Welcome to FreeCodeCamp <a href = "https://forum.freecodecamp.org">Forum</a>
</p>

The ouput will now look like so:

Welcome to FreeCodeCamp Forum

Notice forum is a different color and links to the freecodecamp forum page

In-sum:
The word forum has now been converted to a link which when clicked takes the user to the freecodecamp forum. The challenge wants you wrap the word cat photos in an ancor tag like this example did with the text forum.

5

I thank you for your response, I still don’t understand what I am supposed to do in Step 12. I would really like someone to show me what the code is supposed to look like as I seem to be able to not figure this out on my own.

6

This is what you should do to pass the challenge
<p>Click here to view more <a href="https://freecatphotoapp.com">cat photos</a>.</p>

7

Thank you. I was able to figure it out before your response but it was your initial response that really helped. You’re the only one I’ve encountered who has given a detailed explanation of what we are supposed to do. The instructions for each step are not good for people who have zero previous coding experience.

8

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