I'm still confused on how I am supposed to turn "cat photos" into a link , do I make another element below the (p) or remove the (a) element

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

  **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.</p>
    <a href="https://freecatphotoapp.com">cat photos</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/103.0.0.0 Safari/537.36

Challenge: Step 12

Link to the challenge:

2

Within the existing paragraph tag you, the word cat photos should be surrounded with an ancor tag. Here’s an example:

<p>Welcome to FreeCodeCamp <a href = "https://forum.freecodecamp.org">Forum</a></p>

Here the word Forum has been converted to a link.

3

@aella: You don’t need to create a different element below the

to make the “cat photos” text a link.

  1. remove the anchor element below the paragraph…

  2. inside the paragraph element, wrap the “cat photos” text inside an anchor element…

3.put a closing paragraph tag after the closing anchor tag.

I hope this helps…

1 Like
4

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