Learn HTML by Building a Cat Photo App - Step 15

Tell us what’s happening:
Describe your issue in detail here.
What am I doing wrong? I have needed help with the past three lessons. What am I doing wrong constantly?!
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 href="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" <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/114.0.0.0 Safari/537.36

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

Link to the challenge:

A tag always starts with < and ends with > Does your opening a tag have both?

Is there a way I can send you the changes I’ve made without opening a new topic?

Yes, you can paste your updated HTML in here using the following method.

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.

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

Looks like that worked. Thank you

The opening and closing a tags should wrap (or surround) the image. Just like when you turned the words “cat photos” into a link in a previous step, you wrapped those words with opening/closing a tags. You would do the same thing here. The only difference is that one was a group of words and the other is an image.

Also, your opening a tag is still missing the closing >.

What do you mean I am missing the closing >? There is a closing tag right after the href

That’s the closing tag yes, but you are missing a > that comes at the end of the href to close your opening anchor tag

1 Like

Remember that you have to put your link to the site, between an open anchor, and your close anchor because this has to be nested in it. Then, Open your anchor, put your url description and finally clore your anchor

1 Like

Thank you NelsonReparandor!

1 Like

It was a pleasure, we can do it working together. :muscle:

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