Build a Cat Photo App - Step 40

HTML-CSS
1

Tell us what’s happening:

help me with the catphotoapp because i can figure it out

Your code so far


<!-- User Editable Region -->

<html>
  <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="Two tabby kittens sleeping together on a couch.">
          <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>

<!-- User Editable Region -->

Your browser information:

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 14541.0.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/145.0.0.0 Safari/537.36

Challenge Information:

Build a Cat Photo App - Step 40

2

Hi @kabouter-soepstengel ,

Can you locate the opening html tag in your code? Do you remember how to add an attribute inside an opening tag?

Happy coding!

3

i know that buti don’t know if i have to put the <lang> first or the <em> and how i should write it down

4

Once you locate the opening html element, just add the lang attribute inside it and set the value to “en”.

lang is not an element; it’s an attribute; and en is not an element; it’s the value to set the lang attribute to.

Here’s an example of how to use the lang attribute:

HTML lang Attribute

5

Hi buddy, See here this is the instructions given in the test.

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

Here you’re required to add the lang and need to set it’s attribute to the en so that you will be able to pass this test here…

Hope This Helps !!

6

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