There is only one Anchor

HTML-CSS
1

Tell us what’s happening:
I have one anchor like the exercise said. But still dont know whats wrong.

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

Challenge: Step 12

Link to the challenge:

2

What does the error message say, exactly?

3

You wrote the phrase ‘cat photos’ twice.

4

Your code should only contain one anchor ( a ) element. Remove any extra anchor elements.

5

Still get the same error, after I correct it

6

How did you correct it?

7

I delete the second “cat photos” text. But still says: Your code should only contain one anchor ( a ) element. Remove any extra anchor elements.

8

Deleting the text inside of the anchor element won’t work. You need that text there.

9

ok, So, what I am doing wrong? I keep reading but still dont get it.

10

How many times do you have the phrase ‘cat photos’ in your code? It should only be there once, inside of the anchor element.

11

Like this?

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


 </a></p>
12

Your anchor element is malformed. You deleted the closing > on the opening a tag.

14

IMG_20220518_102015_resized_20220518_102052084
IMG_20220518_102015_resized_20220518_1020520841824×1368 429 KB

No its there but when I replay to you it delete it

15

Please post code instead of taking a picture of your computer.

No… you are missing the closing > on your a opening tag.It should be right after the href attribute value.

Count the number of < and > you have on that line. You have 4 < and only 3 >

16

I’ve edited your post for readability. Please stop reverting these edits.

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 (’).

17

Congratulations, your code passes. Submit your code to complete this step and move on to the next one.

Thank you so much.

1 Like
18

The description of what exactly it wants you to do is confusing which was the issue for me. The words “cat photos” should only be displayed on screen once and the anchor element needs to be moved to pass this challenge. It really should be worded better.

19

Turn the words cat photos located inside p element into a link by replacing the words with the anchor element added previously.

That seems clear to me, but if you have a suggestion for improved wording, you can open an issue on GitHub with your suggestion.

20

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