Link to External Pages with Anchor Elements (anchor)

Link to External Pages with Anchor Elements (anchor)
0

Tell us what’s happening:

Your code so far


<h2>CatPhotoApp</h2>
<main>
  
  < a href = "http://freecatphotoapp.com"></cat photos>
  
  <img src="https://bit.ly/fcc-relaxing-cat" 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>

Your browser information:

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 10323.67.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/65.0.3325.209 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-html-and-html5/link-to-external-pages-with-anchor-elements

Question: anchor elements need a destination web address called an href attribute. They also need anchor text. Here’s an example:

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

Check the anchor element you have implemented, is it similar to the above mentioned <a></a> structure.?

Question: Your a element should have the anchor text of “cat photos”.

It means <a>.....</a> the text should be between the a tags

4 Likes

Thank you. I had some issues on it too.

Thank you for your explanation but I have typed the “a” element code exactly like the one you show in your message but when I submitted for testing, it comes back as wrong. Why?

2 Likes

Can you share your code of what you have tried ?

@chomito44 Make sure when you post your code that you precede it with a separate line of three backticks and follow it with a separate line of three backticks to make easier to read.

See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.

Note: Backticks are not single quotes.

I,m also struggling with “chomito44”, as i can not get pass this test “link-to-external-pages-with-anchor-elements-anchor”. I’ve tried everything that was discussed but still stuck on this test.

Click “Ask for help” button in your challenge it will post your code of what you have tried along with the link.

Yes, I’ve tried that too but still stuck!

You got me wrong, i meant if you do that it will create a new post with your code so that we could help where you have gone wrong. Without seeing your code it’s not possible to say anything

My code looks exactly the same as the link.

< a href = "http://freecatphotoapp.com"></cat photos>

Look at this from the post above, if you have exactly like this in your code, then do these changes,

  1. Remove the extra spaces starting from <a href=""> and the anchor should end with </a> not </cat photos>
  2. Place the text cat photos between opening and closing anchor tag, like this
    <a ref="">text here</a>

Yes and thats what i did. I attend programming classes where i stay so i know what to expect, i joined this course to improve my skills but unfortunately this particular test is putting my progress at a pause.

Okay if you have tried exactly what i said, you should definitely pass it. Provide the code of what you have tried so far.

1 Like

Thanks for the help!

I’m having the same issue with this test.

<a href=“https://freecatphotoapp.com”>cat photos</a>

cat photos

What am i missing?

update:
I FOUND IT! so tired i missed the extra “s”

I apologize for not being able to continue finding a resolution to my “anchors” issue. I went away for a while because I decided to give a shot to learning Bash shell scripts for Linux since I have also been involved in learning as much as I can of that other operating system. But I am back again and I think I am just going to have all my code reset so I can start all over learning html/css again. Maybe this time around I will be able to continue with this challenge but I don’t know if it is better to pick up where I left of just simply reset the whole code all over as I was saying before.

Any suggestions would be really appreciated.

Thank you for all your help.

I hope someone helped…:wink:

Hey there! How did you fix it? I’m stuck on this challenge; here’s what I submitted:

cat photos

I’ve read the notes over and over again and haven’t figured this out!

Thanks in advance :slight_smile:

@Michelle.Beth

Can you upload your full code? Make sure it’s formatted too. You can hit performatted icon in the editor. It’s also better if you create a new post asking the same question, that way you will get more attention.