Learn HTML by Building a Cat Photo App - Step 38

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
Hello I think I’m confused here
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>
        <form action="https://freecatphotoapp.com/submit-cat-photo">

<!-- User Editable Region -->

          <input>
           <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/114.0.0.0 Safari/537.36

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

Link to the challenge:

2

I’m here anyone outhere ready to help?

3

I am here but how can I help if i don t know what s your issue could you please describe it for me? It looks like you don t quiet understand it asks you to add type atrribute not a type tag with value text so you have to type it within the oppening tag and the value after equal sign within quotes “”

1 Like
4

Hello!
Your code shows both the input and type as elements.
The input is the element and the type is the attribute placed within the element.
I hope this helps you. Happy coding.

5

How do you mean I tried it but it didn’t work could you help explain more on how I should do that?

6

Sure, no problem. :slight_smile:

It is like when you added attributes to other elements.
As an example, using some of your previous code for another lesson.
Notice how you added the target attribute to this code, along with its value _blank. For the current lesson, you are provided the < input > element. All that is required is to add the type attribute to the element. This means placing it inside the < element > not outside of it. I have highlighted the attribute in the code to remind you how you did it before.

I hope this helps you.