Learn HTML by Building a Cat Photo App - Step 64

Tell us what’s happening:

The anchor tag is nested inside the p element; again, I don’t understand what’s wrong? can any one please help.

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><a=href"https://www.freecodecamp.org"></a> No Copyright - freeCodeCamp.org</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/128.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 64

Hi @SoumenDash7

  1. The anchor element needs to nest the text freeCodeCamp.org
  1. The href attribute is not correctly syntaxed.

Check how you structured attributes elsewhere in your code.

Happy coding

Hi, there. I find out a little bit of mistake of your code syntax.
It should be
a href=“https://www.freecodecamp.org

The “=” should be behind the href, not a.

Good luck!


still is shows error.

Hi there!

You have duplicate freeCodeCamp.org text. And it is better to share your code here, not screenshots.

:joy: It looks like there’s a small issue with your code: you have two </p> tags at the end.

You only need one to close the paragraph.

Try removing the extra one and wrapping only freeCodeCamp.org inside the anchor tag ( <a>), and then it should work. Like this:

Mod edit: code removed

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.

2 Likes

freeCodeCamp.org

Now what is wrong? Still not happening.

Can i know what its not valid to send solutions directly?


Still there is error, can anyone please help.

It is against our policy on the forum.

1 Like

You deleted the rest of the text. Please click reset, then without deleting the text, add the anchor tags only. Maintain the spacing carefully so the end result is identical to the start in terms of spacing too.


Now everthing is perfect still what’s wrong?

look at the preview pane. It doesn’t say:
No Copyright - freeCodeCamp.org

This is what it should say. Your version probably looks wrong like this:
freeCodeCamp.org No Copyright - freeCodeCamp.org

You should be adding the a element to the existingfreeCodeCamp.org” text

Side note: When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

Happy Coding

freeCodeCamp.org No Copyright - freeCodeCamp.org Yes it says like this but the first one from anchor tag so you are saying i wil switch the end part to starting?

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

Still No changes.
and this is what seen in my web page
No Copyright-freeCodeCamp.org

Nest the anchor around the existing freeCodeCamp.org text
It should look like this
No Copyright - freeCodeCamp.org

I am Sorry guys despite of your explanation in if I cant understands I think I will take rest tomorrow morning I will do again. Thanks for your help.

what s the difference despite few space i guess?