Learn HTML by Building a Cat Photo App - Step 12

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

  **Your code so far**
<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
    <p>Click here to view more cat photos<a href="https://freecatphotoapp.com">cat photos</a></p>
    <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/105.0.0.0 Safari/537.36

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

Link to the challenge:

Click here to view more cat photoscat photos

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

The text needs to be exactly “Click here to see more cat photos.”, where the text “cat photos” is a link.

can you tell me how to code step 12

okay! so let’s do this step by step.

image

This is the hint that shows up when i try to run your code on my end. look at this carefully and you’ll see that your text needs to be “Click here to view more cat photos.”

but with the code you have right now, this is your output.

image
try to change it to what the challenge expects you to have and you should be good to go.

1 Like

A post was merged into an existing topic: Cat Photo App - Step 12

i tried restarting the steps and still i havent get it
here is what the code looks like

cat photos freecatphotoapp

click here to view cat photos

how can i put the link text between the anchor (a ) element’s opening tag and closing tag.

If you have a question about a specific challenge as it relates to your written code for that challenge, just click the Ask for Help button located on the challenge. It 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.

1 Like

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

Please don’t crash somebody else’s topic. I have moved your posts to a separate topic.

Please post your current code and tell us where you’re stuck.

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

  **Your code so far**
<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
    <p>Click here to view more cat photos <a href="https://freecatphotoapp.com cat photos/"></a></p>
    <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/105.0.0.0 Safari/537.36

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

Link to the challenge:

Hello there.

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 information you give us, the more likely we are to be able to help.

yes i have a question pls, how can i add the "cat photos " to become a link?

Again, please stop trying to hijack other people’s threads. If you have questions, ask them in your own threads.


The instructions say

In the text of your p element, turn the words cat photos into a link to https://freecatphotoapp.com by nesting these words inside of a new anchor element.

You did not nest the text ‘cat photos’ inside of your anchor element.

okay NOTED.
but pls how can i nest it there

How did you do it on Step 11?

i do the same thing and still its not working

please post your code.
Remember that to make a word into a link you have to put it inside an anchor tag.
Here’s an example of a properly formed anchor tag:
<a href="a-link-here">Click Me!</a>

1 Like
<html>
  <body>
    <h1>CatPhotoApp</h1>
    <main>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
    <p><a href="https://freecatphotoapp.com./">click here to view more</p>
    <a href="https://cat photos.com/"></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>

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').