Build a Cat Photo App - Step 40

HTML-CSS
1

Tell us what’s happening:

I have tried to review but some the these forums I don’t see the same code , so I’m confused I’m not sure how to write it

<lang src="<en></en>"

Notice that the entire contents of the page are nested within an htmlelement. The html element is the root element of an HTML page and wraps all content on the page.

You can also specify the language of your page by adding the langattribute to the html element.

Add the lang attribute with the value en to the opening html tag to specify that the language of the page is English.

Your code so far


<!-- User Editable Region -->

<html> <lang src="<en></en>"

<!-- User Editable Region -->

  <head>
    <title>CatPhotoApp</title>
  </head>
  <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>catnip</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>
    </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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.6.1 Safari/605.1.15

Challenge Information:

Build a Cat Photo App - Step 40

2

Hi,
lang is an attribute that is added inside the opening html tag. When we say attribute, think of src or href. They are all examples of an attribute and you can see how and where they are added.
Try adding the lang attribute inside the opening html tag and set its value to en.
I hope this helps!

3

can I get an example I’m trying to understand the language
but I do better with visuals

4

you have added attributes in many places in the code so far

look at where you have used href, target, src, alt