Learn HTML by Building a Cat Photo App - Step 12

Tell us what’s happening:
Describe your issue in detail here.
theres still something missing and i don’t know what it is?
Your code so far

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

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

Link to the challenge:

What is this? This neither a valid anchor nor p element

This is what an anchor element looks like

This is where your new anchor element should go.

it got me confused okay i can see

could you tell me how im suppose to arrange it

Tell us what’s happening:
Describe your issue in detail here.
cat photos
there’s something left here
Your code so far

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

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.0.0 Safari/537.36

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

Link to the challenge:

please do not create duplicate topics on the same challenge.
Just use the topic you already have to ask questions or update the code etc.
Your duplicates have now been merged.

Okay noted Im still stuck on the next chapter

You need to put the new anchor element here

Inside of your old p element

could you check it out and see what i did?

I did. That’s why I wrote a reply about what you did.

Tell us what’s happening:
Describe your issue in detail here.
i think i’m lost here
Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>Click here to view more cat photos.</p> <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>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.0.0 Safari/537.36

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

Link to the challenge:

Please do not create a second topic for the same challenge. I have merged your topics into one.

Looking at your code, I do believe you are lost so I will try to give you a map to work with.

Step 1: click the reset button to put the code back to its initial state.

Step 2:
In the code right now you have a paragraph element with plain text words. In the preview pane, you can see the words look like this

Click here to view more cat photos.

What they are asking you to do is change these words as follows:

Click here to view more cat photos.

Such that the last two words become clickable.

You do this using an anchor tag.

Although anchor tags were discussed in step 10 and 11, I will still give you a review of it now (and feel free to review steps 10 and 11 again though).

An anchor element has 3 parts.
Let’s take an example to see these parts.

Hi there! <a href=“#”>Click me!</a>

This code will render like this:

Hi there! Click me!

The link part is surrounded by an anchor tag. On the left of the word Click we have the opening anchor tag. And on the right do the word Me! we see the closing anchor tag.

So the three parts of a link are

  • opening anchor tag with href attribute defined
  • the text or element in the middle that is becoming a link
  • the closing anchor tag

So when you look at this step, you need to figure out how to use the anchor element to make the words “click me” into a link.

Hope this helps

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