Learn HTML by Building a Cat Photo App - Step 36

HTML-CSS
21 
form>
        <form action="https://freecatphotoapp.com/submit-cat-photo">/form>
        </form>

Like this?

22

No. That matches so syntax you have previously used.

Looking back again at the image I posted. What is the example tag given in that image? There are two, one called Opening Tag and one called Closing Tag.

23

There’s two closing tags?

24

So, I delete the first one?

25

There are two opening form tags and two closing form tags in the code you last posted. You should only have one of each.

You should have zero partially deleted tags.

26 
<form action="https://freecatphotoapp.com/submit-cat-photo"></form

I think I got it!

27

Pretty close, just make sure you have < and > on every single tag

28 
<form action="https://freecatphotoapp.com/submit-cat-photo">/form>
29

Every tag

Where is the < for this tag?

30

Ohhh, I forgot to put it on this “<form”. It was supposed to be “<form>”
Right?

31

That is an opening form tag without the required attributes.

32

Ok, is it <form action="https://freecatphotoapp.com/submit-cat-photo"></form>

2 Likes
33

It didn’t work. I don’t know why.

34

okay now please use your mouse again to post all the code here so we can check it again.

35

Ok,<form action="https://freecatphotoapp.com/submit-cat-photo"></form>

36

That is not all of your code. Again, we need to see all of it.

37 
<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <section>
        <h2>Cat Photos</h2>
        <!-- TODO: Add link to cat photos -->
        <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</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>
        <form action="https://freecatphotoapp.com/submit-cat-photo"></form>
        </form>
      </section>
    </main>
  </body>
</html>
38

I suspected. We circled back around to where you have a form element inside of a form element. You should have exactly one form element.

39

I’m confused. I should delete my the element that is nesting it? J’ai un mal de tête. :frowning:

40

Right, you shouldn’t create a brand new element, only update the one that was already there.