Learn HTML by Building a Cat Photo App - Step 12

Tell us what’s happening:

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

Your code so far

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

<!-- User Editable Region -->

<p><acat photos</a></p>
<a href https://freecatphotoapp.com</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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/123.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

Hi there! Explain your difficulties, what’s confusing?

Welcome to the forum @Mocha101

The anchor element needs to nest the target words in the paragraph element.

Please reset the step to restore the original code.

Place the opening anchor tag before the word cat in the paragraph element.
Don’t forget to add the href attribute.

Then close the new element by placing the closing anchor tag after the word photos.

Here is an article explaining how to link text and images inside nested elements you may find helpful.

Happy coding