Link to External Pages wit Anchor Elements

HTML-CSS
1

Tell us what’s happening:

Your code so far


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

Your browser information:

User Agent is: Mozilla/5.0 (Linux; Android 8.1.0; TECNO CA8) 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

So you have the line:

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

But the instructions say that the text within the anchor should be:

cat photos

… No spaces, no extra text, just two words.

1 Like
3

Have used both logic I don’t think is space You need an a element that links to http://freecatphotoapp.com

4

Ah. Having gone back and checked it, you’re right. It doesn’t care what the text in the link is on that one. The problem you’re having is in your href property – you’re going to the https://... and they’re looking for http://...

Those are different protocols, one is standard HTTP, the other is secure HTTP. There are a number of different ones: FTP, MMS, all sorts. In this case, you want to make that HTTP.

5

Wow thanks so much it works