Learn HTML by Building a Cat Photo App - Step 36

HTML-CSS
1

I don’t know watts wrong:
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>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>

Your browser information:

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

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

Link to the challenge:

2

Please Tell us what’s happening in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more you say, the more we can help!

3

Wow you were quick, umm I put the action in the form, and closed it like in the example. I tried putting “/submit-url” and that didn’t work too.
Sorry it took so long to reply.

4

You have two opening form tags. You should only have one.

Same thing about closing tags.

5

I deleted the tag after “cat-photo” and it didn’t work.

Capture
Capture757×34 4.75 KB

6

Is that how it should look like?

7

this > is an angled bracket, not a tag.

So when Jeremy said you have too many tags, he wasn’t suggesting you delete some brackets but rather that you should have exactly one <form> and exactly one </form>
and that the action attribute be placed in the opening tag.
(so simply copy and paste the code you posted above in the very first post minus the extra form tag and you should be good)

8

image

1 Like
9

Ohh, I get it now, I think.
Like this?
Capture

10

yes (you already did it before in your first post)
plus the closing tag of course

1 Like
11

Then why does it say I don’t have an action attribute?

12

please show the new code and we can comment further

13

Capture
Capture755×23 4.5 KB

14

I added the closing tag back.

15

instead of an image, just use your mouse to select all the code and paste it here in response

16

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 (').

17

It really, really helps if you share all of your code instead of just one line. You previously had the correct code mixed in with incorrect code, so we need to see it all.

18

Ok, cool!
I will do that

19 
<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>
20

So you still have the exact same problem.

You have two separate form tags. You must only have one.

Double check the graphic I posted to review what a tag is.