Learn HTML by Building a Cat Photo App - Step 15

HTML-CSS
1

Tell us what’s happening:
i am stuck to this step 15 i got totally confused i constantly getting this hint can anyone help me with this.
(You should have an img element with an src value of https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg. You may have accidentally deleted it.)

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>

<!-- User Editable Region -->

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

<!-- User Editable Region -->

    </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/111.0.0.0 Safari/537.36

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

Link to the challenge:

1 Like
2

Look at how you turned the words cat photos into a link in the p element. You wrapped them in opening/closing a tags. This is how you turn anything into a link. From the instructions:

“In previous steps you used an anchor element to turn text into a link. Other types of content can also be turned into a link by wrapping it in anchor tags.”

So do the same thing to the img element. Wrap it with opening and closing a tags. You sort of did that, but you didn’t create a valid opening a tag.

1 Like
3

I’ve tried several time i think i am missing some step if u can guide me with it it will be more than a help.

1 Like
4

Do you see how you created an opening a tag before the words cat photos in the p element? Do you see how that a tag has an href attribute set to a URL? You want to do the same thing for the opening a tag before the img.

You started the a tag:

<a <img

But you didn’t finish it. A tag always begins with < and ends with >.

1 Like
5

okay got uh…im trying since i am very very new to this whole thing i got stuck here.
actually i am having many doubts that is why i am unable to get over this step 15. :pensive:

1 Like
6

If you are still having problems then you’ll need to paste your updated HTML in here so we can see what you tried.

To display your code in here you need to wrap it in triple back ticks. On a line by itself type three back ticks. Then on the first line below the three back ticks paste in your code. Then below your code on a new line type three more back ticks. The back tick on my keyboard is in the upper left just above the Tab key and below the Esc key. You may also be able to use Ctrl+e to automatically give you the triple back ticks while you are typing in the this editor and the cursor is on a line by itself. Alternatively, with the cursor on a line by itself, you can use the </> button above the editor to add the triple back ticks.

1 Like