Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
I don’t know where I put the anchor in this one I’ve tried looking at other peoples and I still Don’t understand
Your code so far


<!-- User Editable Region -->

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
     <a<p>See more cat photos in our gallery.</p></a>
      <a href="https://freecatphotoapp.com">link to cat pictures</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>

<!-- User Editable Region -->

Your browser information:

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 15183.69.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36

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

Link to the challenge:

2

the anchor text is cat photos, so the anchor tags must be placed around these words in order for them to become clickable

make sure you use proper syntax when creating the anchor tags (refer to step 10/11 for how)

3

I still don’t understand I anchored the link and it didn’t work and the anchored the h2 and that didn’t work

4

you are not supposed to use the anchors except around the words cat photos

Reset and try again.
If you are still stuck you can look at this post to see if it helps further:

and if you are still stuck, post your newest attempt so we can give further feedback

5

Thank you so much man

1 Like
6

Tell us what’s happening:
Describe your issue in detail here.
I know I’ve been stuck on this and Im wasting peoples time but I’ve looked at so many different things all day long and it should be working but its not I’ve done everything everybody has told and showed me and it still won’t work
Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>

<!-- User Editable Region -->

      <!-- TODO: Add link to cat photos -->
      <p>See more cat photos in our  <a href="https://freecatphotoapp.com">Cat Photos</a>.</p>

<!-- 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 (X11; CrOS x86_64 15183.69.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36

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

Link to the challenge:

7

I see the problem!

You’re suppose to put the a tag arround the words “cat photos” like this:

See more cat photos in our gallery.

It says: turn the words cat photos into a link. :grinning:

8

Tell us what’s happening:
I dont know where to put the anchor on this step
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 -->

     <a<p>See more cat photos in our gallery.</p></a>
      <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 (X11; CrOS x86_64 15183.69.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36

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

Link to the challenge:

9

Anchors are used to make things clickable, correct?
In this exercise the words cat photos are supposed to become clickable.
So you will need to create anchor tags around these two words to make that happen.
Refer to step10/11 on how to write a valid anchor tag(s).

10

I put the anchor around cat photos and it still doesn’t
show as a link it shows as nothing like its gone

11

Please post the new code you tried

12

Please stop making new topics for the same challenge. You are supposed to update the existing topic if you have more stuff to say. I have merged the duplicates into one topic for you.

13

Try this: with the code below, I want you to:

< p >See more cat photos in our gallery.</ p>

  • hightlight the words “cat photos”
  • now, add the archor tag around THAT words
    (not somewhere else!)

Got it!

14

I did it thank you so much

15

Okay sorry I did it though thank you

1 Like