Learn HTML by Building a Cat Photo App - Step 66

HTML-CSS
1

Tell us what’s happening:

hi all i am stuck on this part of step 66, i am sure i have done the right thing but it just says your anchor (a) element should have a closing tag. closing tags hava a / just after the < character

please can someone point me in the right direction thank you all.

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <section>
        <h2>Cat Photos</h2>
        <p>Everyone loves <a href="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg">cute cats</a> online!</p>
        <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>
     <a href="https://www.freecodecamp.org" </a>

<!-- User Editable Region -->

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

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:135.0) Gecko/20100101 Firefox/135.0

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 66

2

You’re missing the closing angle bracket > in the opening tag.
However, the task is to turn the text freeCodeCamp.org into a link.
Why did you add two <a> tags, and neither of them contains the required text?

3

Hi thank you but i have changed it back to this

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

and now i get this The link’s text should be freeCodeCamp.org. You have either omitted the text or have a typo. when i know it is correct, not sure what is going on.
thank you.

4

Hi,
please share your updated code so we can understand the problem.

You are supposed to wrap freeCodeCamp.org around an anchor element.
What’s the purpose of this <a href=“https://www.freeCodeCamp.org”?
And why is there a " here freeCodeCamp.org"?

5

Hi JuniorQ

Thank you here is my code now

<a href= “https://www.freeCodeCamp.org” No Copyright - freeCodeCamp.org"

6

Here’s how to post your code in the forum:
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.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

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

7

Isnt this still the same?

8

hi juniorQ

yep sorry i just put it back to normal as it is now

1 Like
9

No problem! You can reset the step and start again. This time just use an anchor element around the text that is mentioned in the instructions. Try to add your anchor tags correctly. And you’re good to go.

1 Like
10

thank you so much i shall give it a try as i am new to this.

1 Like
11

I’ve edited your code for readability. 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.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

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