Learn HTML by Building a Cat Photo App - Step 15

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
Struggling to place the anchor (a) element to make the cat photo a link. Any suggestions?

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 -->

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

<!-- User Editable Region -->

    </main>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:109.0) Gecko/20100101 Firefox/111.0

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

Link to the challenge:

2

You are mixing up your img and src tags. You need to wrap the img in a anchor tag so your starting anchor tag needs to come before your img. Look at these two links to see how an anchor tag and img are set up. This is not a solution to the challenge, but I think it would help because you seem to be misunderstanding the the structure of both

3

You forgot to close your first <a> tag

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

Thank you. The links you provided really clear up some misunderstanding.

1 Like
5

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