Learn HTML by Building a Cat Photo App - Step 20

HTML-CSS
1

Tell us what’s happening:
I just don’t understand the use of UL 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> 
        <elementName>
      </section>
    </main>
  </body>
</html>

Your mobile information:

SM-F916B - Android 13 - Android SDK 33

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

Link to the challenge:

2

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

3

What is the above Syntex you added within your challenge editor?
Which elements do you need to add?

4

It’s asking for a ul

5

Okay. You need an element that have name ul. ul element need opening and closing tags.
Example

<opentag></closetag>

You need ul opening and closing tags. Now what you understand?

1 Like
6

After my h3, the instruction is use a ul element. But no matter how i use it, it doesn’t work

7

Copy and paste your updated code here, using three back ticks(```) in a separate line below and above your code block.

8

Or use the option </> for adding back ticks then paste your code.

9

This is what I’ve done so far

<h2>Cat Lists</h2>
        <h3>Things cats love:</h3> 
        </ul>
10

You need to add back ticks below and above your code in a separate.

11

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

13

This is a ul closing tag.
You need to add a ul opening tag first (just before the closing tag)