Learn HTML by Building a Cat Photo App - Step 40

HTML-CSS
1

Tell us what’s happening:

my code is not running help me

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">

<!-- User Editable Region -->

          <input>
          <text></text>
          <type></type>

<!-- User Editable Region -->

        </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/131.0.0.0 Safari/537.36 Edg/131.0.0.0

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 40

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!

1 Like
3

my code is not running but i write right code as the step 40following instruction

4

you are not following the instructions, you are asked to add an attribute to the input element, not create more elements

2 Likes
5

Hello @MARY7 !

Good attempt!

This step is asking us to add the attribute type along with its value text within the input element tag.

If we view the img element tag, we can see how we added the attribute src along with its value https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg into the img element tag.

We later added the alternate attribute alt along with its value A slice of lasagna on a plate.within the img element tag as per the instructions at that time.

Here is an example of the img element with the attribute and value added, to use as reference.
<img attribute="value">

The input when complete with the required type attribute and text value would appear in a similar way.

Wishing you good progress on your coding journey. :slightly_smiling_face:

10 Likes
7

Solution is input=type and then text with quotation marks. That is how you call for an input for forms

3 Likes
8

thank you so much this was so helpful

2 Likes
9

Always glad to help people

1 Like