Learn HTML by Building a Cat Photo App - Step 15

Tell us what’s happening:

bro can you teach me why i false? and tell me why is false

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" alt="A cute orange cat lying on its back."> 
      </a>

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

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 15

1 Like

Hello there, @univesiaberakha
So, you are missing the the

href 

with the give link https://freecatphotoapp.com
look at the examples correctly

Example Code
<a href="example-link">
  <img src="image-link.jpg" alt="A photo of a cat.">
</a>

Good Luck with it!

1 Like

bro i fault give the new code, i was trying “href” element but still not work

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


but its still false, the clue is missing a

Yea what i mean is you forgot

<a href="the link">

Some where in your code

1 Like

the link that you mean is “https://freecatphotoapp.com” right?
but

1 Like

Reset the step and try it again.

the mistake you make is line problem.

where’s the line you mean?

sorry you are forget something href attribute to display your link.

1 Like

what’s the href attribute i forget bro? do you help me to explain

That’s well the href attribute with a tag is used for display link, but also it is used for displaying your css file such like this.


but i was used href attribute with a tag, why its always not working

There is no mistake on your code. I see it & it worked for me, something i don’t understand is briefly talk to me what is your question. because there is no wrong code you make it!

Hi there,

Your code is correct.
Maybe reset and try again to make sure you didn’t mess up other code.
Or clear the browser cache, re-login and try again.
Or try another browser.

Great work! I notice in your code you did not use an opening ‘a’ tag before the ‘img’ tag. So you ended up with an extra closing ‘a’ tag after the ‘img’ tag. I am not sure about the lesson details. I think you should add an open ‘a’ tag before the ‘img’ tag or remove the closing ‘a’ after the ‘img’ tag. Happy coding!

1 Like

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.

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

1 Like

Hello!

If you are still having problems with this step, please, make sure the opening anchor tag touches the front of the <img bracket.
and
the closing anchor tag touches the closing > of the img element.
It may not make any difference in this case; but often spacing can cause problems with our code.

Example:

<opening anchor with attribute and value><nested element with attributes values></closing anchor>

thank you for sharing a tips, i will try much better

1 Like

ok i’ll to try your analogy. in the “opening anchor with attribute” i use <a href="example link"> to a run, and then nest"ed element with attributes" i also use<img src="example link". lastly i use a “closing a anchor” which is </a>. but its all still false, or maybe there’s my fault. i was missing something, etc. tell me bro