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

  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.5005.61 Safari/537.36

Challenge: Step 14

Link to the challenge:

2

That looks a lot like the starter code. Did you have a question?

3

I’m stuck in step 14. Idk what I have to do next

4

Can you be more specific? What have you tried? What explanation or instruction is confusing you?

5

16559745361216883455529221806787
165597453612168834555292218067871920×864 72.3 KB

This is what I had done… I don’t know what should I do next

6

You didn’t add an anchor. And anchor would have the form of <a></a>.

Looking more closely at your original code, I see this at the end of the line:

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

That is basically an anchor, but is missing a closing angle bracket (>).

The job is to “Turn the image into a link by surrounding it with necessary element tags.” So, the image should be inside the anchor. I would expect it to have a format of:

<a><img></a>

but with all the relevant attributes.

8

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