How to nest an anchor element to a paragraph element, making it just one anchor element in a page

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
My code says there’s an extra anchor element, I don’t know what to do.

  **Your code so far**


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

Challenge: Step 12

Link to the challenge:

2

You didn’t close this anchor tag

3

I just did, but see what it’s saying again
anchor

4

Please post your actual code instead of a picture

You have the text ‘cat photos’ twice. It should only be there once.

5

I’m sorry, but I do not know how to do that yet.
Please, kindly put me through.
Thank you.

6

I don’t know what “put me through” means.

When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

7 
<p>Click here to view more cat photos. <a href= "https://freecatphotoapp.com">cat photos.</a></p>

This is a test anchor.

//codes goes here
8

look here

You haven’t fixed this problem yet.

9

Oh my! thanks.
Just did that and it worked.

Thank you.

1 Like
10

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