Build a Cat Photo App - Step 14

HTML-CSS
1

Tell us what’s happening:

i dont understand where i should put the code there are not even a hint

Your code so far

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

<!-- User Editable Region -->

      <p>Everyone loves cute cats online!<cutecats>https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg</cutecats></p>

<!-- User Editable Region -->

      <p>See more <a href="https://freecatphotoapp.com">cat photos</a> in our gallery.</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/136.0.0.0 Safari/537.36

Challenge Information:

Build a Cat Photo App - Step 14
https://www.freecodecamp.org/learn/full-stack-developer/workshop-cat-photo-app/step-14

2

How did you previously use anchor elements?

3

Turn the existing text cute cats into an anchor element

Tells you exacly where the code should go

Use code thats already in the lesson to help you

Thats text with a link. Use it as an example

4

Tell us what’s happening:

i made exactly as he said but did not i tryed agin and agin

Your code so far

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

<!-- User Editable Region -->

      <p>Everyone loves <a herf="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg">cute cats</a> online!</p>

<!-- User Editable Region -->

      <p>See more <a href="https://freecatphotoapp.com">cat photos</a> in our gallery.</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/136.0.0.0 Safari/537.36

Challenge Information:

Build a Cat Photo App - Step 14
https://www.freecodecamp.org/learn/full-stack-developer/workshop-cat-photo-app/step-14

5

One issue is its href not herf

6

Tell us what’s happening:

need help checking my code , i wrote the the right code but it was worng

Your code so far

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

<!-- User Editable Region -->

      <p>Everyone loves <a herf="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg">cute cats</a> online!</p>

<!-- User Editable Region -->

      <p>See more <a href="https://freecatphotoapp.com">cat photos</a> in our gallery.</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/136.0.0.0 Safari/537.36

Challenge Information:

Build a Cat Photo App - Step 14
https://www.freecodecamp.org/learn/full-stack-developer/workshop-cat-photo-app/step-14

7

You’re almost correct but check the spelling of the attribute name in your anchor element:

8

which spelling are you talking about ?

9

Your anchor element should have an href attribute. You have a typo.

10

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