Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

Your code so far

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

<!-- User Editable Region -->

      <p><a HREF="https://freecatphotoapp.com" <a/> cat photos.</p>
      <a href="https://freecatphotoapp.com">cat photos
      </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 Edg/115.0.1901.203

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

Link to the challenge:

2

Don’t change anything that is already there. The only thing you are doing is adding an opening and closing a tag to turn the words “cat photos” into a link. If you do anything other than add those two tags then you won’t pass.

I would restart the step to get the original HTML back and try again.

3

thank you but could you please give an example? i just cant seem to get it!

4

You already have an example. You have already turned the words “link to cat pictures” into a link:

<a href="https://freecatphotoapp.com">link to cat pictures</a>

Do you see how you placed the opening a tag before those words and the closing a tag after those words? That’s exactly what you want to do for the words “cat photos” in the middle of the p element.

5

i cant get it right dont what im doing wrong? do you put cat photos . com

6

You’ll need to show us your most recent HTML so we can see what you tried to do.

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.

7

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