Learn HTML by Building a Cat Photo App - Step 13

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**

<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
    <p>Click here to view more <a href="https://freecatphotoapp.com">cat photos</a>.</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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.5060.114 Safari/537.36

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

Link to the challenge:

2

I dont understand how to change and image into a like using href attributes.

3

How do I change an image into a link

4

You’ve already turned the words “cat photos” into a link:

<a href="https://freecatphotoapp.com">cat photos</a>

You would do the same thing to turn an image into a link, by wrapping it in the appropriate a tags.

5

I am more lost than before. Is the answer viewable?

6

We don’t just give answers in this forum, we help you find the answer. Can you be more specific about what you don’t understand? Do you understand how you created the “cat photos” link?

<a href="https://freecatphotoapp.com">cat photos</a>

You wrapped the words “cat photos” with an opening a tag and a closing a tag. You need to do the exact same thing to the <img> tag. Give it a shot and if it doesn’t work you can post your 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.

7

Thank you. On the old version, I could see what I did wrong. That helped me see how to figure it out. ill try again.
Thank you

8

Learn HTML by Building a Cat Photo App: Step 10 | freeCodeCamp.org

9