Learn HTML by Building a Cat Photo App - Step 43

HTML-CSS
1

Tell us what’s happening:
The hints keep saying to “You should create an input element for your radio button. Check the syntax.” but I have that. i followed the example and tried to replicate what they had.

  **Your code so far**

<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <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 action="https://freecatphotoapp.com/submit-cat-photo">
      Indoor: <input type="radio"> Indoor 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 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36

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

Link to the challenge:

2

Okay that’s good that you have tried to do that. Let’s see how well you did.

<input type="radio"> cat
Indoor: <input type="radio"> Indoor type="text" name="catphotourl" placeholder="cat photo URL" required>

The top line is the example.
The bottom one is your code.

I believe the confusion is because you thought the word cat: was part of the syntax, but it isn’t. All html elements start with angled bracket <. So cat: cannot be a valid html element.

knowing this, can you compare the example again to your code and redo it?

1 Like
3 
<input type="radio"> Indoor type="text" name="catphotourl" placeholder="cat photo URL" required

Still got it wrong

4

okay I see why.
You have to match the syntax the way it was meant to be used. So looking at the example again:
<input type="radio"> cat

If you look closely, this line is made up of an html element (the angled brackets tell us this is a tag) followed by some text.

So if you reset the exercise you will see you were given an input element already.

<input type="text" name="catphotourl" placeholder="cat photo URL" required>

You can recognize that this is an HTML tag because there is exactly one < on the left and one > on the right

So again, the sample code is
<input type="radio"> cat

This is exactly one element followed by some text.

You were given exactly one element.

What is missing? (restart the step, and add the the text on the right as shown)

5

Still got it wrong… I’m very confused now

6

okay, please post what you have now

7 
<input type="radio"> Indoor type="text" name="catphotourl" placeholder="cat photo URL" required>
8

Remember how I said that valid html elements begin with < and end with >

Look at your code and count the number of < and >
There should be exactly one < at the start and one > at the end of the element.
Then the word Indoor should be after this.
Just like the cat example:

<input type="radio"> cat

Only one < at the beginning of the tag, and one > at the end.
Followed by the word cat

(Yours should be the same, only one < and one > followed by the word Indoor)

1 Like
9

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