Learn HTML by Building a Cat Photo App - Step 12

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><a href="https://freecatphotoapp.com"> click here to view more cat photos</a></p>  
    <a href="https://freecatphotoapp.com">cat photos</a><
    </main>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) 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:

I am having extreme difficulty with understanding " The link’s text should be cat photos . You have either omitted the text or have a typo." I can really use some direction. Please take it as slowly as you can

Hi there! I see you posted some code.
Did you have a question about it?

You see how you already created “cat photos” link below the p element? That is making the link’s text “cat photos”. Anything you put between the opening and closing a tags is the link’s text. So you want to do the same thing to the words “cat photos” in the p element.

I am having a bit difficulty understanding the statement.

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

" After nesting the anchor (a ) element, the only p element content visible in the browser should be Click here to view more cat photos. Double check the text, spacing, or punctuation of both the p and nested anchor element" Then why does it say on the other the link’s text should be Cat photos?

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 (').

With the line of code above which you posted earlier, the whole sentence becomes a link.

They don’t want that.
They want only the last two words to become a link.

When you look at your preview pane you should see the line in black font with the last two words in blue (so you can click them)

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