Learn HTML by Building a Cat Photo App - Step 46

HTML-CSS
1

Tell us what’s happening:
someone please help

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">
          <label><input type="radio"> Indoor</label>
          <input type="text" name="catphotourl" placeholder="cat photo URL" required>
          <button type="submit">Submit</button>
        </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/116.0.0.0 Safari/537.36

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

Link to the challenge:

1 Like
2

After your label tag you have an input element with the attribute of type with a value of ‘radio’. Attributes go in the opening tag of the element that they belong to. You have to add the attribute of id with the value of indoor in the opening tag of your input element in order to identify your element. Your attribute can come before or after your type attribute as it makes no difference when it comes to multiple attributes. Hope this helps.

1 Like
3

This is a shot in the dark, I am not sure of the specifics of this lesson. I am wondering does the ‘img’ tag need to be wrapped by ‘a’ tag? I am referring to you HTML code within the first ‘section’ tag.

4

please can you give an example on how to add an id attribute with the value indoor to the radio button . my code indoor

5

Hello @gideonodeyemi59!

@anon86258595 provides great guidance!

See how you have the type attribute with the radio button in the quote below?
The attribute is type in this case, and the value is radio.
Within the same input element, leave a space after the input and add your id attribute as you see the type is, and it value indoor as you see the “radio” in the code.

This is an excellent example of how to add the id attribute and its value to the input.

Happy coding! :slight_smile:

6

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