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 am unable to anchor the a element within the p element
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 catphotos < " catphotos"></a>  <a ="https://freecatphotoapp.com"> </a> in our gallery.</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/114.0.0.0 Safari/537.36

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

Link to the challenge:

2

Hello!

It appears you have the right idea. However, all the instructions ask for it to anchor the words cat photos in the p element.

To anchor text within an element only those words should appear within the opening and closing anchors. Nothing should be added or changed within the text, only the anchor on both sides of the required text.

For example only: < h1 > Tomcats are rowdy animals at night. < /h1 >
To anchor only rowdy animals, I would anchor only those words within the original statement < a >rowdy animals < /a >. I would not create a new statement or remove it to anchor them.
I hope this helps.

3

let me try and then i will get back to you

4

Please do not leave extra spaces, either?

5

how do i add the link ti the text i just need another help

6

I suggest resetting the step and placing the anchor on each side of the words cat photos within the existing p element. No other changes are required.
Happy coding.

7

i have done that and it still tells me that the href’s value is not omitted or u have a typo

8

Could you please post your updated coding so we can all see it? That way, it allows others to offer their help too.

We do not provide the exact answer as it defeats the purpose of learning.

However, we provide as much assistance as we can to assist people to find the solutions on their own.

I know you will get it soon!

Happy coding!

10 
<p>See more <a>cat photos</a> in our gallery.</p>
Did as told me but  still the same result
11

You are doing great. It appears that the < a is missing the href=“” part.
I know you will get it passed when you add that in the anchor.

12

fine let me try again

13 
<p>See more <ahref="cat photos"></a> in our gallery.</p>
its saying  i should a nest  a new anchor (a) element within  the  p element.I think i have exploited all the options and followed as you said
14

Hello!
Can you see what you did in the previous step to create the link for that step?

This step requires similar actions only using the required line and around the cat photos text in the p element.

15

i still do not undesrtand

16

i still do not understand how toanchor an element within the p element.Yo u can use the topic i posted to help i still not progressing and passing this test.

17

Please keep the discussion of your code to your own post. I moved all your comments from the other topic to over here as you were taking over another users post for help.

Just something to keep on mind for the future

1 Like
18

See how you have anchored the ‘link to cat pictures’ .
The idea is the same in the ‘cat photos’ Insert the anchors so they only enclose the ‘cat photos’ text.

1 Like
19 
<p>See more <ahref="cat photos"></a> in our gallery.</p>something like this ?
21

As pudgie gave you the hint, it needs to follow this structure she pointed out. You pretty much want to do the same thing as this example, but you change the text. Instead of link to cat pictures, it needs to be cat photos

1 Like
22 
<p>See more <ahref="https://freecatphotoapp.com">catphotos</a> in our gallery.</p>
tried again but didn't pass don't know what is the issue