Tell me what to do? its saying that you need to add an 'a' element that links to 'http://freecatphotoapp.com'

HTML-CSS
1

Tell us what’s happening:

Your code so far


<h2>CatPhotoApp</h2>
<main>
<a href=#footer> cat photos</a>


<img src="http://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>
<footer id="footer">Copyright Cat Photo App</footer>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.130 Safari/537.36.

Challenge: Link to External Pages with Anchor Elements

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

2

This challenge requires the link to be external (to go to a different website)

Your current code is an internal link (navigates on your same page like a “HOME” button)

3

Hey @abdulhaseeb :slight_smile:
As @pjonp said the task is asking you to do something different than what you done… but you are not far away from the answer, in fact your element:

<a href=#footer> cat photos</a>

is formatted in the correct way, the only thing you have to change is the content of the href attribute (also remember to always wrap the content of your attribute in quotes).

your attribute right now is pointing to the "#footer" which means It would redirect the user to the same page in the section identified with the id "footer", so in your case this one:

<footer id="footer">Copyright Cat Photo App</footer>

but the challenge is asking you to redirect the user to another document and it is providing you the path: http://freecatphotoapp.com, so you should do two actions in order to pass the challenge:

  1. Wrap the value of the href attribute in quotes.
  2. Change the value of the href attribute to the provided one.

Hope it helps, if it doesn’t or It sounds confusing to you please let me know and I can try to explain to you in a better way :slight_smile:

Happy Coding :man_technologist:

1 Like
4

thankyou so much @lucatardi…it help me to understand properly…once again thank you so much