Link to External Pages with Anchor Elements 2

HTML-CSS
#1

Tell us what’s happening:

I’m struggling to create the " a " element that links to freecatphotoapp.com

Your code so far


<h2>CatPhotoApp</h2>
<main>
<a href="https://freecatphotoapp.com"> "cat photos"this links to freecodecamp.org "cat photos"</a>
<a >herf=https://freecatphotoapp<wbr>.com"> this links to freecodecamp.org</a>
   <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>
<!-- create an element that links to https://freecatphotoapp.com and has "cat photos" as its anchor text. -->

Your browser information:

User Agent is: Mozilla/5.0 (Linux; Android 8.1.0; SM-N960U) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.99 Mobile 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

The instructions:

Create an a element that links to http://freecatphotoapp.com and has “cat photos” as its anchor text.

You have

<a href="https://freecatphotoapp.com"> "cat photos"this links to freecodecamp.org "cat photos"</a>

This is an a element that links to https://freecatphotoapp.com and has "“catphotos"thislinksto freecodecamp.org “cat photos”” as its anchor text. (Both the link and the text are wrong)

And you have

<a >herf=https://freecatphotoapp<wbr>.com"> this links to freecodecamp.org</a>

Which

  • doesn’t have an href attribute in the a element
  • has the wrong link
  • has a random <wbr> in it?
  • has the wrong anchor text (“herf=https://freecatphotoapp.com”> this links to freecodecamp.org")
#3

I have that because I thought I tried everything under the sun. When I posted this help chat some some lines got altered. I tried the original “cat photos” I thought this was all that was need. It was also in the video provided.

#4

You shouldn’t have any "s in your anchor text.

#5

Screenshot_20181228-151030_Chrome
Screenshot_20181228-151030_Chrome1080×2220 684 KB

#6

I can’t see what your code is in that screenshot. Please include your solution (put it between ` characters to keep it formatted as text).

#7

I’ve seen the repeating freecatphoto even if change it to just one, it still won’t work.

#8

I can’t help you if I can’t see your code.

#9

Screenshot_20181228-151709_Chrome
Screenshot_20181228-151709_Chrome2220×1080 703 KB

#10

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

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.

markdown_Forums

#11

Appreciate the help by the way​:pray::pray:

#12

‘’’
<.a href=https://freecatphotoapp.com"> “cat photos” this links to freecatphotoapp.com </.a>
I threw a dot in front of the a to see if it would appear. But this was my code, it said that is all that was required. I got 2 check marks just that final check is killing me.

#13
  • The link (you set this by setting the href attribute) should be http://freecatphotoapp.com. You have something different. It must match EXACTLY.
  • The anchor text (this is everything in between the opening and closing a tags) should be “cat photos”. You have something very different.
    • You should not have quotes (") around the anchor text. That is in the instructions to denote what the expected text is.
    • There should not be any spaces before or after the anchor text inside the a element.
    • None of that other text should be in there at all.
#14

I’ll will take out the extra and see what happens.

#15

‘’’
<.a href=“http://freecatphotoapp.com”>cat photos</.a>
This is what I have currently with out the dots, though it still will not accept.

#16

The link must match exactly.

#17

" <a " so this is the a element. “Cat photos” is the anchor. The “http” is the link. Is this all that is required to complete the task that I have? So the href attribute is what creates the link? I am confident that I have it matching as of now, but it still says “I need to link it to the http.”

#18

I finally completed it, thank you for your help!!!

#19

Good job! Happy coding.

#20