Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:
The link’s href value should be https://freecatphotoapp.com. You have either omitted the href value or have a typo. i dont get what im doing wrong

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"></a 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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/111.0.0.0 Safari/537.36

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

Link to the challenge:

2

Please reset this step.
turn the words cat photos into a link to https://freecatphotoapp.com by adding opening and closing anchor (a ) tags around these words.

3

should i delete the words cat photos then replace them??

4

wrap cat photos inside anchor tag

5

I see a couple things wrong.

You need a space between your text and your starting anchor.

You also seem to be confusing exactly how to close your anchor, as it is not closed.

Add a > to close off the anchor.

You are also missing the words “cat photos” which you are supposed to be turning into a link.

Add “cat photos” after your link but before your close the anchor.

6

how do i turn the words into the link? this is so confusing

7

This could be an example of how to turn words from a sentence into a link.

EDIT: Okay. That didn’t work…

<p>This could be an example of how to <a href="https://freecatphotoapp.com">turn words</a> from a sentence into a link.</p>
8

Welcome to our community!

To turn the words into a link, take a look at the second code line in this challenge:

<a href="https://freecatphotoapp.com">link to cat pictures</a>

The words “link to cat pictures” here have been turned into the link by nesting them within the anchor <a> </a> tags. As you can see, in order to get a link that leadsi to some address you have to add that address as an url. In this case it is https://freecatphotoapp.com (the same address as in the second line)

Your task is to do exactly the same thing.
In the given sentence:

<p>See more cat photos in our gallery.</p>

surround the words “cat photo” with ‘a’ tags the same way as it is explained above.

9

Thank you do much it helped a bunch😊

1 Like