Learn HTML by Building a Cat Photo App - Step 64

Tell us what’s happening:
Describe your issue in detail here.

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <section>
        <h2>Cat Photos</h2>
        <!-- TODO: Add link to cat photos -->
        <p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>
        <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
      </section>
      <section>
        <h2>Cat Lists</h2>
        <h3>Things cats love:</h3>
        <ul>
          <li>cat nip</li>
          <li>laser pointers</li>
          <li>lasagna</li>
        </ul>
        <figure>
          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
          <figcaption>Cats <em>love</em> lasagna.</figcaption>  
        </figure>
        <h3>Top 3 things cats hate:</h3>
        <ol>
          <li>flea treatment</li>
          <li>thunder</li>
          <li>other cats</li>
        </ol>
        <figure>
          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
          <figcaption>Cats <strong>hate</strong> other cats.</figcaption>  
        </figure>
      </section>
      <section>
        <h2>Cat Form</h2>
        <form action="https://freecatphotoapp.com/submit-cat-photo">
          <fieldset>
            <legend>Is your cat an indoor or outdoor cat?</legend>
            <label><input id="indoor" type="radio" name="indoor-outdoor" value="indoor" checked> Indoor</label>
            <label><input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor"> Outdoor</label>
          </fieldset>
          <fieldset>
            <legend>What's your cat's personality?</legend>
            <input id="loving" type="checkbox" name="personality" value="loving" checked> <label for="loving">Loving</label>
            <input id="lazy" type="checkbox" name="personality" value="lazy"> <label for="lazy">Lazy</label>
            <input id="energetic" type="checkbox" name="personality" value="energetic"> <label for="energetic">Energetic</label>
          </fieldset>
          <input type="text" name="catphotourl" placeholder="cat photo URL" required>
          <button type="submit">Submit</button>
        </form>
      </section>
    </main>
    <footer>

<!-- User Editable Region -->

      <p>No Copyright <a href='https://www.freecodecamp.org'></a></p>

<!-- User Editable Region -->

    </footer>
  </body>
</html>

Your browser information:

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

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

Link to the challenge:

kindly assisst me please with this level below is the error message i have been seeingSorry, your code does not pass. Don’t give up.

“The link’s text should be freeCodeCamp.org. You have either omitted the text or have a typo.”

You deleted all the text between the a tags

Hello!
The only thing amiss with this code is the text value of freeCodeCamp is missing from the anchor.

Can you remember where to place it between the anchor tags?

Good progress, Amoszira!

the text are still there
sir

It is? Where is it? I se absolutely nothing in between <a href='https://www.freecodecamp.org'> and </a>? With nothing there, there isn’t anything to click on, so you won’t have a link.

i still find it difficult to pass even after i followed the instruction you said.

What is your updated code?

 <p><a href='https://www.freecodecamp.org'>No Copyright - freeCodeCamp.org</a></p>

Now you have too much between the anchor tags.

Double check what the sentence say is the part to turn into a link.

The link’s text should be freeCodeCamp.org . You have either omitted the text or have a typo. this the error message

please bellow is the error message i have been seeing. The link’s text should be freeCodeCamp.org . You have either omitted the text or have a typo.

Yes. Because you put too much between the anchor tags.

Previously you had nothing between the anchor tags
Currently you have the entire contents of the p element between the anchor tags.

This says exactly the only phrase that is expected to be between the anchor tags.

after i reduce it the above phrase, bellow is the error message.
After nesting the anchor (a ) element, the only p element content visible in the browser should be No Copyright - freeCodeCamp.org . Double check the text, spacing, or punctuation of both the p and nested anchor element.

Right. The instructions don’t ask you to remove anything from the p element. You need to only add the a tags and delete nothing.

Dude u did it almost write but only one thing is missing

<p><a href="link">Your text</a></p>
Hope this help u :blush:

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