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

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

<!-- User Editable Region -->

      <p>See more <a= 'cat photos'  in our gallery.</p>
      <a href="https://freecatphotoapp.com">link to cat pictures</a>

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

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.6 Safari/605.1.15

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

Link to the challenge:

2

HI @Barry14 !

Welcome to the forum!

I would suggest resetting the lesson because you have some syntax errors.

Here is the correct syntax for the anchor element

<a href="link-goes-here">anchor text goes here</a>

You need to make sure to use the correct syntax when you wrap the anchor element around the words cat photos.

once you fix those things, then the test will pass

3

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

Your code so far

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

<!-- User Editable Region -->

      <p>See more <a href= cat photos in our gallery.
      <a href="https://freecatphotoapp.com"<link to cat pictures</a>

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

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.6 Safari/605.1.15

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

Link to the challenge:

4

I would reset the step to get the original HTML back. Then follow these instructions carefully:

“…turn the words cat photos into a link by adding opening and closing anchor (a) tags around these words.”

This means the only thing you should do is add one opening a tag and one closing a tag around the existing words “cat photos” in the middle of the p element. If you do anything other than adding these two tags then you will not pass the step.

5

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