Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
I am not understanding what to do here!
please help me!

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>Click here to view more <a>cat photos http</a></p>
      <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/106.0.0.0 Safari/537.36

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

Link to the challenge:

2

Originally the code had a paragraph element with plain text words. In the preview pane, the words looked like this

Click here to view more cat photos.

What they are asking you to do is change these words as follows:

Click here to view more cat photos.

Such that the last two words become clickable.

You do this using an anchor tag (review anchor tags in step 10)

Hope this helps

4

You should learn the proper way to write the anchor tag in step 10 and 11

5

Tell us what’s happening:
Describe your issue in detail here.
i have added anchor tags but its a typo
can i know where i have done wrong?

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>Click here to view more <a>cat photos</a></p>
      <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/106.0.0.0 Safari/537.36

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

Link to the challenge:

6

Please do not create duplicate topics for the same challenge. I have merged the duplicates.

7

Compare the anchor tags on these lines. The bottom one was created in step 10. Do you see any difference in the anchor tag?

You also have erased the period at the end of the paragraph. You will need it back.

9

i still didnot understand!

10

is it that you don’t understand the objective of this exercise or you don’t understand how to make an anchor tag? (or something else?)

11

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