Link to External Pages with Anchor Elements (anchor)

Link to External Pages with Anchor Elements (anchor)
0

#1

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


#2

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


#3

Thank you. I had some issues on it too.


#4

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?


#5

Can you share your code of what you have tried ?


#6

@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.


#7

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.


#8

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


#9

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


#10

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


#11

My code looks exactly the same as the link.


#12

< 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>

#13

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.


#14

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


#15

Thanks for the help!


#16

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”