Learn HTML by Building a Cat Photo App - Step 17

HTML-CSS
1

You are missing a closing (a) tag after the image.

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <p>Everyone loves <a href="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg">cute cats</a> online!</p>
      <p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</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"> 
  <img src="https://freecatphotoapp.com" alt="A photo of a cat.">
</a>
    </main>
  </body>
</html>

Your mobile information:

SM-A235F - Android 14 - Android SDK 34

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

Link to the challenge:

2

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

3

You are not asked to create a new image element, use the one in the starting code

<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">

and nest that in the a element.

4

Hey Buddy, here you need to wrap the existing img tag into` an link.

You no need to copy-paste the existing one.

Second use the anchor link address, into your new anchor tag.

Hope You Understand.

1 Like
5

I can’t understand that

6

You are missing a closing (a) tag after the image. I need someone to write the right thing :confused:

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <p>Everyone loves <a href="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg">cute cats</a> online!</p>
      <p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>
      <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
      <a><a href="https://freecatphotoapp.com"></a>
      <a><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A photo of a cat."></a>
    </main>
  </body>
</html>

Your mobile information:

SM-A235F - Android 14 - Android SDK 34

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

Link to the challenge:

7

the test is saying one thing, but you have weird html around

for example, what is this?

you may want to reset the step and add only and exactly the element required by the instructions

8

Why not have the someone be you? I’ll give you a hint. Every time you open an a element` ,you have to close it.

9

please stop opening new topics for this step, you have already this topic open, keep using it