Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Hi all, can someone please help me with my code? I don’t understand why it’s not working, or what I did wrong. I’m confused with the a and p elements.

<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" </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/101.0.4951.67 Safari/537.36

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

Link to the challenge:

2

This is a malformed anchor element. Look back at the last step to see a correct one.

PA need to replace the phrase ‘cat photos’ in the p element with the entire anchor element you finished on the last step.

3

Thank you so much for replying!

4

I just posted a view minutes ago. I’m stuck on this step, and I don’t understand what to do next. Can someone explain what the correct code should be?

  **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/101.0.4951.67 Safari/537.36

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

Link to the challenge:

5

Currently, Cat Photos is a separate anchor/link element.

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

In this step, you need to put these together. Instead of having the “cat photos” repeated (one without, and one with the link), you need to remove the repeated “cat photos” and make the first one the clickable link.

Example, turn A into B:

A
<p>something something about this link.</p>
      <a href="www.randomwebsite.com">this link</a>

B
<p>something something about <a href="www.randomwebsite.com">this link</a>.</p>

On A, you can’t click this first “this link” on the sentence. With example B, the “this link” of the sentence can be clicked.

Whatever you put the < a>< /a> around, will become a link.

6

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