How to Link External Pages with Anchor Elements

How to Link External Pages with Anchor Elements
0.0 0

#1

Tell us what’s happening:

Your code so far


<h2>CatPhotoApp</h2>
<main>
  
  <a href="https://freecatphotoapp.com">this links to cat photos</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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.62 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

and has “cat photos” as its anchor text


#3

You need to read exactly what the task is asking you to do i.e. what is it saying should the hyperlink?


#4

I didn’t get that plz help me


#5

I didn’t get you hepsy,please help to solve this


#6

Hey change the anchor text from ‘this links to cat photos’ to ‘cat photos’


#7

Hi @suraj1,

Here is the solution:

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

Hope this help you, good luck my friend :slight_smile:

Regards,
Ali Mosaad


#8

hey another error i’ve,can u plz help me


#9

Yeah tell me the error.


#11

@suraj1 check this solution

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

#12

Same issue with me.
i need a answer
you need an a element that links to http://freecatphotoapp.com
how i solve this


#13

Tell us what’s happening:

Hi, I can’t get to have my archor element has a closing tag.

Your code so far


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

Your browser information:

User Agent is: Mozilla/5.0 (Linux; Android 7.0; P8M Build/NRD90M) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.83 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/