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 don’t understand where to place the anchor.

  **Your code so far**

<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
    <p> Click here to view more cat photos:  https://freecatphotoapp.com" 
      <href/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/103.0.5060.114 Safari/537.36 Edg/103.0.1264.62

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

Link to the challenge:

2

Hello. They don’t ask you to modify the text shown. They ask you to transform a part of it into a link.

To understand, here is the original p element:

<p>Click here to view more cat photos.</p>

They ask you to transform the words ‘cat photos’ into a link. To do that, nest an anchor element, <a></a>, inside of your p element, and encasing the words ‘cat photos’. Then give it an attribute href set to the desired address, in order to state what address the link should direct to, and finally, delete your previous anchor element, as it is now useless.

3

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