Learn HTML by Building a Cat Photo App - Step 12

Tell us what’s happening
i need help to get it right

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://freecatphotos.com" alt="cat photos"></a></p>
      <a href="https://freecatphotoapp.com.">cat photos</a>
      <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/105.0.0.0 Safari/537.36

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

Link to the challenge:

You’re close. There is no alt attribute for the a tag. Look at where you put the link text for the “cat photos” link you created below the p tag. You put it between the opening and closing a tags. That’s how you would do it for the words “cat photos” in the p element too.

Also, you need to put the space back in between the word “more” and the link. A sentence has spaces between the words, so it still needs spaces between all the words even if there is a link in the sentence.

i still dont get it. please can you show me?

We don’t give code answers here, so I can only explain it to you. Please tell me more about what you don’t understand.

Tell us what’s happening:
how can i nest a link on this excercise please, am stuck?

Your code so far

<html>
  <body>
    <h1>CatPhotoApp</h1>
    <main>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p><a href="Click here to view more cat photos"></a></p>
      <a href="https://freecatphotoapp.com.">cat photos</a>
      <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/105.0.0.0 Safari/537.36

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

Link to the challenge:

Hi, looks like you’re on the right track, but check your syntax!

You need to open and close link tags - the ‘a’ in HTML - with the correct mark: <>.

You did it correctly here:

      <p><a href="Click here to view more cat photos"></a>

But check your syntax for the other link !

Tell us what’s happening:
Please i need help on how to go about this

Your code so far

<html>
  <body>
    <h1>CatPhotoApp</h1>
    <main>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p> <a href="https://freecatphotoapp.com">Click here to view more cat photos</a> </p>
      <a href="https://freecatphotoapp.com.">cat photos</a>
      <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/105.0.0.0 Safari/537.36

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

Link to the challenge:

Right now the whole sentence appears to be a link, correct? (Look at the preview pane to see)

What they actually want though is for the last two words only to be clickable.

Click here to view more cat photos.

THanks, but it seems not to work

We cannot help you if you do not post your latest code.

Tell us what’s happening:
Please what do i do next in this code?

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>
      <a href="https://freecatphotoapp.com.">cat photos</a>
      <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/105.0.0.0 Safari/537.36

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

Link to the challenge:

hello, try looking at the hint. What does it say?

That the link should have a href link: https://freecatphotoapp.com

so do you think you have that exact link?
(it has to be exactly that link).

If you don’t want to check for a typo one easy way around is simply to copy the link to the correct spot in the code rather than to type it and risk having a typo.

have also done that and still not working

what does your new code look like? Please post it in response here.

**Tell us what’s happened
This is it

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>
      <a href="https://freecatphotoapp.com.">cat photos</a>
      <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/105.0.0.0 Safari/537.36

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

Link to the challenge:

hello, what is your post about? (you didn’t seem to ask anything)

I cant seem to get it right. The code is not working

can you try to read the Hint section? What does it say and does this help at all?