Anchor element please help

HTML-CSS
1

Tell us what’s happening:
please direct me to the correct anchor element in the beginning sectiom

  **Your code so far**


<h2>CatPhotoApp</h2>
<main>



<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">

<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
</main>
<a> cat photos</a>
<a href="https://www.freecodecamp.org"><a> Cat Photos</a>







  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/99.0.4844.51 Safari/537.36 Edg/99.0.1150.39

Challenge: Link to External Pages with Anchor Elements

Link to the challenge:

2

Three issues to start with

  1. this should really be inside of your main element

  2. be very careful with the capitalization of your text

  3. your archor element should be wrapped in a paragraph element

3

I have done this the same way and keep getting the same result.

4

What does your code look like when you did it ‘that way’?

5

Tell us what’s happening:
is there a place where i can get a better explanation?

  **Your code so far**


<h2>CatPhotoApp</h2>
<main>
<a>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.">

<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
</main>
<a>cat photos</a>
<a href="https://www.freecodecamp.org"><a>cat photos</a>









  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/99.0.4844.51 Safari/537.36 Edg/99.0.1150.39

Challenge: Link to External Pages with Anchor Elements

Link to the challenge:

6

You can ask for help here. Looking at your code…

You were supposed to add one anchor link. It was supposed to look like the example you were given:

<a href="https://www.freecodecamp.org">this links to freecodecamp.org</a>

In your code, I see:

<!-- ... -->
<a>cat Photos</a>
<!-- ... -->
<a>cat photos</a>
<a href="https://www.freecodecamp.org"><a>cat photos</a>

You should have one <a> and one </a>. The last line there comes the closest, but there is an extra <a> in middle. When I remove all the extra stuff, it still fails because the URL is wrong. Notice that the URL you were told to use is slightly different than the one in the example.

When I fix all that, the code passes for me.

If you have a question about something, just ask. Please be specific.

7

@Michaelk Let’s move the discussion we were having in the other thread here.

This is tough stuff. Don’t be disheartened. Try the fixes I am suggesting. If you get stuck again, please let us know what is still not understood. Just please be specific with your question.

8

Thank you . I am not sure how to get this into the main element. Could you please explain?

9

I’m not sure what you mean. You can move it with cut and paste. I’m not sure that you need to. Can you provide your code as it stands now?

10 
<h2>CatPhotoApp</h2>

<main>

  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">

  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>

  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

</main>
11

I dont understand why i cant get this part of the process.
Link to External Pages with Anchor Elements

12

Hello , like kevin said you had already opened the last a tag and you added another one in the cat photos

Like said earlier you can put the anchor tag in the P tag

13

I’ve edited your post for readability. 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 (’).

14

You’ve deleted all of the code you’ve written. That can’t possibly be a solution to the challenge!

Let’s back up. Can you show us what an anchor element is?

15

How do you mean , Please shine more light ?.

16

I have figured out this is way over my head. i thought i could try and learn something new but i need to do some more research.

17

No it’s not , Don’t just give up because the first couple of challenges are quite complex … It’s part of the learning curve …

I’m please to help you with this challenge , I recently started my journey here and had passed the responsive web design phase , I can tell you from experience getting the answer by getting hints on the forum and googling is better than someone writing out the full code for you .

Give me the number to the cat app question , I will solve it and give you hint in the best way you will get it .

18

HTML elements — the building blocks of any webpage.

Collapse course

Not Passed9/28

19

I am in the very first module link to external pages with anchor elements.

20

HI @Michaelk !

Welcome to the forum!

I think it would be easier to reset the lesson.

This is how you create an anchor element.

<a href="url goes here">text goes here</a>

Right below the opening main tag you are going to place you anchor element

<main>

PLACE ANCHOR ELEMENT HERE LIKE THIS
<a href="url goes here">text goes here</a>


  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">

Then for the href value you will replace “url goes here” with the actual value from the directions
Then you will replace “text goes here” with the actual text from the directions.

Here are directions again you make sure to use the correct values
Create an a element that links to https://www.freecatphotoapp.com and has “cat photos” as its anchor text.

Then the test will pass.

Well you have a few options.

No.1: You can go through the new version of this curriculum to get more practice by building projects.

No.2: You can watch this beginner video to better understand the concepts before tackling more of the lessons

Hope that helps!