Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

*Tell us what’s happening:
i got stuck at making the second link in the paragraph tag with the (a) tag being inserted in paragraph tag

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->

<!-- User Editable Region -->

    <p>See more cat photos in our gallery.
    <a href="https://freecatphotoapp.com">cat photos</a></p>
    <a href="https://freecatphotoapp.com">link to cat pictures</a>

<!-- 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.">
    </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/115.0.0.0 Safari/537.36 OPR/101.0.0.0

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

Link to the challenge:

2

You don’t want to add new text to the p element. You added an additional “cat photos” to the end of the p element. Instead, you want to turn the existing words “cat photos” in the middle of the p element into a link.

1 Like
3

I did as you said, but it still tells me that the only visible content should be “see more cat photos in our gallery” and I couldn’t stop “cat photos” from appearing even though I put it in the link

4

You don’t want to stop it from appearing. You should still see the words “cat photos” in the sentence “See more cat photos in our gallery.” It’s just that the words “cat photos” in that sentence should show as a link in the preview pane.

You’ll need to paste in your updated HTML so we can see what you did. 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. You may also be able to use Ctrl+e to automatically give you the triple back ticks while you are typing in the this editor and the cursor is on a line by itself. Alternatively, with the cursor on a line by itself, you can use the </> button above the editor to add the triple back ticks.

6

thank you so much for your help, I just found my error.

7

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