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>See more <a>cat photos</a> in our gallery.</p>
      <a><a href="https://freecatphotoapp.com"</a>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/109.0.0.0 Safari/537.36

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

Link to the challenge:

2

:balloon: Hi, welcome to the forum!
We see you have posted some code but did you have a question?

3

Yes i would like assistance with step 12

4

Please Tell us what’s happening in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more you say, the more we can help!

5

step 12 is about making the phrase ‘cat photos’ in the middle of the paragraph element into a clickable link.
You should not modify anything else.
I suggest you reset the code (use the arrow button) and then try this again.
Refer back to step 10 and 11 to see how to write a proper anchor tag.

6

Thank you for your help

7

I can’t seem to figure out where to place the link anchor tags.

8

place the opening tag on the left side of the words you want to make into a link.
the closing tag goes on the left.
here’s an example:
This is a <a href="www.google.com">link to google</a>.

9

Thanks you for you help I have been able to complete the step.

1 Like
10

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