Learn HTML by Building a Cat Photo App - Step 15

Tell us what’s happening:
Describe your issue in detail here.
Use https://freecatphotoapp.com as the anchor’s href attribute value. Confused how to do 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 -->

      <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg"<a href="https://freecatphotoapp.com"</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 (iPhone; CPU iPhone OS 16_1_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.1 Mobile/15E148 Safari/604.1

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

Link to the challenge:

Hello there.

So, in this part of the challenge, you were given an image, and you are asked to surround it by a link. You already know that the format for creating a link in HTML is

<a href="www.link.com">Some text that stand for the link</a>

You’ve been asked to turn the image to a link, so between the anchor tags (you need to create an anchor tag), you should put the image tag, and then change the href attribute’s value to the one provided in the instruction. I hope this helps.

When surrounding the image does it mean

<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg"

That image

Yes. You are surrounding the img element provided to you in the instruction

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