Learn HTML by Building a Cat Photo App - Step 36

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
am having some problems with how to put the in the link :smile:
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>

<!-- User Editable Region -->

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

<!-- User Editable Region -->

      </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/109.0.0.0 Safari/537.36

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

Link to the challenge:

2

You added another form element inside the existing form element. You don’t want to do that. You want to add the action attribute to the existing form element.

3

please can you write it down for me because im still having problems understanding it :smile:

4

We dont give out full answers on the forum. As said above you need to remove the new form you created inside the other one. Then just take that action you have in the middle form and move it to the top form. Its done the same exact way you are doing it in the middle form, but it just needs to be done to the top form

5

<form action="/https://freecatphotoapp.com/submit-cat-photo"></form>
i did as you have said but still not working
i did… form element ="/link
then close element

6

Can you post your nee code here. You can use the format button that looks like </>. Paste the new code between the two lines it gives you

7

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

You have an extra backslash(/) at the start of the action attributes url.

2 Likes
9

thank you very much for this heads up
i really appricate it :smile:

1 Like
10

thank you very much i have see my error
i apprciate it

1 Like
11

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