Learn HTML by Building a Cat Photo App - Step 14

HTML-CSS
1

Hello, please kindly guide me with step 14

  **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"<a href="https://freecatphotoapp.com> 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; rv:103.0) Gecko/20100101 Firefox/103.0

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

Link to the challenge:

2

Hi

It doesn’t look as if you’ve coded anything yet for this challenge.

Do you have a question?
Is there something in the instructions that you don’t understand?

This challenge is very similar to the one you just completed, where you made some text into a link.

This time, you’re making an image into a link so you need to surround the img element with the anchor element’s opening and closing tags.

3

image
image1057×55 5.04 KB

Is this ok please?

4

No, I’m afraid not.

(a) and (/a) are not valid html element tags.

You can go back and look at steps 12 and 13 to revise the format of an anchor element’s opening and closing tags.
And remember that the anchor element’s tags need to surround the img element - the anchor element’s opening tag goes before the img element and its closing tag goes after the img element.

You might also find some useful examples in this FCC article:

5

Hi KittyMac, I was able to solve it,
Thanks dear.

6

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