Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
Hello,
I need help to understand what’s wrong with my code at this step.

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
    <p> <a href="https://freecatphotoapp.com"> link to cat photos </a> </p>
      <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/107.0.0.0 Safari/537.36 Edg/107.0.1418.35

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

Link to the challenge:

2

Welcome to our community!
The given lines of code look like this:

image
image872×75 9.31 KB

The second line is an example. Following that example, follow the instruction:
" In the text of your p element, turn the words **cat photos** into a link to https://freecatphotoapp.com by adding opening and closing anchor (a ) tags around these words:

<p>Text<a href="URL"> textcatphotos</a>.</p>

This is just an example of how the task should be done.

3

Hello,
I’ve tried many codes, but it still doesn’t work. I also reset step 12.

Click here to view more cat photos link to cat photos.

Click here to view more cat photoslink to cat photos.

Click here to view more cat photoslink to cat photos

Click here to view more cat photos link to cat photos

Click here to view more cat photos linktocatphotos

p>Click here to view more cat photos

Thank you
4

None of these tries have worked because you need to understand the goal of the step first.

Click the reset step button to get the original code back then look at the preview pane.

In it there is some plain text right now

Click here to view more cat photos.

They want you to change this plain text so that the last works become a link

Click here to view more cat photos.

Notice how the last two words are blue because they are a link.
But the period (dot) is not blue because it is not part of the link.

So make sure when you work on this that your anchor is around cat photos with no extra punctuation or space characters. And the preview pane should show exactly the same sentence but with the last two words becoming a link.

5

Thank 's a lot. It’s worked.

1 Like
6

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