Learn HTML by Building a Cat Photo App - Step 15

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
Ive tried all resources available but this step is not making sense to me, im not sure if its the wording and lack of details that preventing me from understanding what it is I am supposed to be doing or if I’m just an idiot
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>
      <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
    </main>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.0 Safari/605.1.15

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

Link to the challenge:

2

Turn the image into a link by surrounding it with necessary element tags. Use https://freecatphotoapp.com as the anchor’s href attribute value.

Ok, so to create a link, you use anchor tags. Whatever it is you want to turn into a clickable link, you wrap these tags around. You do not need to modify the img element in any way, only enclose it between a pair of tags. As before, you add an href attribute to the opening anchor tag, to identify the web address to be redirected to.

1 Like
4

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