Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:

ive been trying to link the text cat photo but it keeps saying i either omited the textt or have a typo please help

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>See more cat photos in our gallery.</p>
      <p>See more cat photos in our gallery.</p>

<!-- User Editable Region -->

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

<!-- User Editable Region -->

      <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/128.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

2

Hi and welcome to the forum!

For this step, you need to know that anchor elements have starting tags and closing tags. The closing tags look like this </a>

The starting tag is the one you placed to the left of the word cat. But you should not have put angled brackets around the words cat photos.

Please read this post for an example

3

Tell us what’s happening:

i read a post linked to another inquiry about the same problem i read the soulution even went letter by letter and it still says cat phots are not linked

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="https://freecatphotoapp.com">cat photos</a>catphotosinourgallery.</p>

<!-- User Editable Region -->

      <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/128.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

4

Check this.

5

For some reason, you changed the text of the paragraph by removing the spaces in between words and changing the capital letter at the start to a lower case letter.

You should restore the code to its original form by clicking reset.
Then only add the anchor tags without modifying the paragraph text in any way.

6

Hey Buddy, See here how you need to close the anchor tag

2nd what you need to include in anchor tag…

Hope You Understand…