Learn HTML by Building a Cat Photo App - Step 67

HTML-CSS
1

Tell us what’s happening:
i have no idea what i am doing wrong

Your code so far

 <html> <lang value="en">
  <head>
    <title>CatPhotoApp</title>
  </head>
  <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">
          <fieldset>
            <legend>Is your cat an indoor or outdoor cat?</legend>
            <label><input id="indoor" type="radio" name="indoor-outdoor" value="indoor" checked> Indoor</label>
            <label><input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor"> Outdoor</label>
          </fieldset>
          <fieldset>
            <legend>What's your cat's personality?</legend>
            <input id="loving" type="checkbox" name="personality" value="loving" checked> <label for="loving">Loving</label>
            <input id="lazy" type="checkbox" name="personality" value="lazy"> <label for="lazy">Lazy</label>
            <input id="energetic" type="checkbox" name="personality" value="energetic"> <label for="energetic">Energetic</label>
          </fieldset>
          <input type="text" name="catphotourl" placeholder="cat photo URL" required>
          <button type="submit">Submit</button>
        </form>
      </section>
    </main>
    <footer>
      <p>
        No Copyright - <a href="https://www.freecodecamp.org">freeCodeCamp.org</a>
      </p>
    </footer>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.5112.102 Safari/537.36 OPR/90.0.4480.117

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

Link to the challenge:

2

the instructions said to add a lang attribute.

Where do all HTML attributes get added?

To the opening tag of the respective element.

That means you need to add the lang attribute to the opening tag of the html element.

3

can you explain that in a way that a dumb dumb can understand

4

Let me try the opposite way.
You explain the following to me first:

If I want to add an id attribute to a paragraph element, how should I do it?

So here’s a paragraph element for eg:
<p>this is a paragraph without an id</p>

Tell me in your own words how do I add an id attribute to this. Let’s say the id should have value of “en” okay? I will wait …

5

id="en"

is it right
6

yes but where should I put that?

7

within the p atribute

8

within the opening tag of the p attribute like this correct?

<p id="en">This is a paragraph with an id attribute equal to en</p>

So knowing this. If someone want you to add a lang attribute then.
And they said to put it in the html element. Then where should it go and what should it say? (this is not different than what you just told me to do for id)

1 Like
9

thank u so much you are really helpfull

1 Like
10

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