Learn HTML by Building a Cat Photo App - Step 15

HTML-CSS
1

Tell us what’s happening:

I am wrinting this code exacly like they ask but still it says it’s wrong. Can someone please help me?
Here is my code:

<a href="https://freecatphotoapp.com">
  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A photo of a cat.">
</a>

Reponse:
Your anchor (a ) element should have an opening tag. Opening tags have this syntax: <elementName> .

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <a href="https://freecatphotoapp.com">
  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A photo of a cat.">
</a>



<!-- User Editable Region -->

     

<!-- 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/124.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 15

2

hi there, and welcome to the forum.

You seem to have inadvertantly deleted some of the code that is needed for this project.
You should click the reset button to restore the original code than add the anchor tag as requested.

3

Thank you for the reply!

Where do I put the anchor tag exaclty?

4

as the instructions are asking you to use an anhor tag to make the img into a link, then the anchor’s opening tag must go to the left of the img and the closing tag to its right.

5

That’s what I’m doing, but same result.

6

hopefully you have reset the code so you can restore the lost code first.
Please post your new code in your response so we can comment on it.
Make sure to write three backticks above and below the code so it is reviewable on this forum. Like this:
```
code here
```

7 
<a href="https://freecatphotoapp.com">
  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A photo of a cat.">
</a>
8

I give up for tonight, appriciate the help. Thank you!

9

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

10

You have modified your alt value. And you should remove space between img element and anchor opening and closing tags.
@officialramko

11

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