Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:
Good morning all, hope all is well. I am a beginner when it coms to coding and I cant really seem to make cat photos to disappear from the preview. What am I doing wrong??

Your code so far

<html>
  <body>
    <h1>CatPhotoApp</h1>
    <main>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>Click here to view more cat photos.
        <a href="https://freecatphotoapp.com"></a>  
      </p>
      <a href="https://freecatphotoapp.com">link to cat pictures</a>
      <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
    </main>
  </body>
</html>

Your browser information:

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

Challenge: Learn HTML by Building a Cat Photo App - Step 12

Link to the challenge:

2

the instructions want you to make a link out of the words “cat photos” . In order to do this you have to wrap an (a) anchor element around the word with the “href” attribute attached with a value of the url given in the instructions. Here’s an example of how it would look:

<p>Click here to view more<a href=https://freecatphotoapp.com> dog photos.</a></p>
      <a href="https://freecatphotoapp.com">link to dog pictures</a>

Let me know if this helps!

3

Thank you very much for you reply. I tried it however still its not working . This was my last try:

Click here to view more cat photos.cat photos

Link to cat pictures

Still its giving me that:
After nesting the anchor (a ) element, the only p element content visible in the browser should be Click here to view more cat photos. Double check the text, spacing, or punctuation of both the p and nested anchor element.

And the lesson is telling me to :
In the text of your p element, turn the words cat photos into a link to https://freecatphotoapp.com by placing these words inside of opening and closing anchor (a ) tags.

But again cat photos should not be visible . Am so confused and that only the 12th lesson :rofl:

4

Yes now I got it indeed your code is working fine. Thank you very much.

5

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.