Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
21

Please restart this exercise and try again.
(It is easier than trying to undo the changes you did)

This time, write the anchor tag to the left of the </p>, with the word “cat photos” inside it just like I put the words “Click Me !” Inside the example I gave you before.

22

i have tried it too and its not working

23

What does your update code look like?

24

Mod Edit: SOLUTION REMOVED

25

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.

26

please post your new code.

If it helps, try reading this post I wrote about how to make a link in html

1 Like
27

Here is my code o far

cat photos.

click me!
28

Hi,

The code is not showing up properly.
Can you look at the post I made earlier and edit your post to put the code inside the code block?

https://forum.freecodecamp.org/t/cat-photo-app-step-12/554465/14?u=hbar1st

1 Like
29 
<p>cat photos <a href="https://frecatpotoapp.com"> freecatphotoapp</a></p>
      <a href="https://freecatphotoapp.com">click here to view cat photos</a>
30

(Please do not create duplicate topics. I have merged the topics into one)

<p>cat photos <a href="https://frecatpotoapp.com"> freecatphotoapp</a></p>
      <a href="https://freecatphotoapp.com">click here to view cat photos</a>

At this point, please click on Restart Step to put the initial code back and start fresh.

Then come back and copy from here only the anchor tag. (<a href="https://freecatpotoapp.com">)
And paste it to the left of the first “cat” you see.
Then add a closing tag to the right of the first “photos” you see.

This is called “nesting the “cat photos” into an anchor tag)

The words should become links in the preview pane.

Hopefully this helps you. (Please follow the directions carefully)

1 Like
31

Okay thank you so much

32

here is how my code looks like now

<p>Click here to view more<a href="https://freecatpotoapp.com"> cat photos</a>.</p>
      <a href="https://freecatphotoapp.com">cat photos</a>
33

Leave one space between more and <

And take away one space between the > and cat.

Hope this helps

1 Like
34

Do you have a question? if so, please describe the problem in your own words so its easier for others to help you..

.

35

i have done exactly as you said but not working
here is what its showing me:

Test

Sorry, your code does not pass. Don’t give up.

Hint

The link’s href value should be https://freecatphotoapp.com. You have either omitted the href value or have a typo.

36

can I see your newest try?

1 Like
37

Here its

<p>Click here to view more <a href="https://freecatpotoapp.com">cat photos</a> </p>
      <a href="https://freecatphotoapp.com"> cat photos</a>
38

you have a small typo in the href link
it should be
https://freecatphotoapp.com
not
https://freecatpotoapp.com

39

can u help me pls
i’m trying to put the link text between the anchor (a ) element’s opening tag and closing tag.

40

If you have a question about a specific challenge as it relates to your written code for that challenge, and you’ve tried to solve it at least 3 times so far and still need some help, just click the Ask for Help button located on the challenge (it looks like a question mark).
This button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.