Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

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

Your code so far

hi any one help …

CatPhotoApp

Cat Photos

  <p cat photos <a https://freecatphotoapp.com"</a>link to cat pictures</p>
  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
</main>

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->

<!-- User Editable Region -->

 
      <p cat photos <a https://freecatphotoapp.com"</a>link to cat pictures</p>

<!-- 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>

Step 12

In the previous step you turned the words link to cat pictures into a link by placing them between opening and closing anchor (a) tags. You can do the same to words inside of an element, such as a p element.

In the text of your p element, turn the words cat photos into a link to https://freecatphotoapp.com by adding opening and closing anchor (a) tags around these words.

Your browser information:

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

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

Link to the challenge:

2

The error in your code is in this specific line highlighted in quotes, “<p cat photos <a https://freecatphotoapp.com”. "It is missing the “>” at the end of the opening tag of the anchor and paragraph element. Also the closing tag for the anchor element is in the wrong place. Everything else is right, so it’s just a minor error. Your fixed code should say follow the structure shown below:

cat photos link to cat picture

3

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