HTML Worksheet: Lists ul ol li
Code tip (Bullets or numbers?): <ul> = bullets (any order); <ol> = numbers (in order); each item is <li> … </li>. Count the <li> tags to know how many items show. <ol start="3"> starts counting at 3: item 1 shows 3, item 2 shows 4 …
NameDateTime takenScore ___ / 40
- 1.True or false: <li> is an unordered list. (a) False (b) True
- 2.📋 Which list suits a shopping list in any order? (a) <br> (b) <ul> (c) <hr> (d) <ol>
-
3.📋 How many items does this list show?
<ol>
<li>Litchi</li>
<li>Banana</li>
</ol> - 4.📋 Which list tag lists things in any order? (a) <ul> (b) <li> (c) <ol>
- 5.True or false: <li> shows 1, 2, 3 numbers. (a) True (b) False
- 6.📋 Which tag goes around each item of a list? (a) <li> (b) <p> (c) <ul> (d) <ol>
-
7.📋 Does this list show bullets or numbers?
<ul>
<li>Orange</li>
<li>Papaya</li>
</ul> (a) bullets (b) numbers -
8.📋 How many items does this list show?
<ol>
<li>Guava</li>
<li>Jamun</li>
<li>Papaya</li>
<li>Orange</li>
</ol> - 9.📋 Which list shows the steps of a recipe best? (a) <ol> (b) <hr> (c) <br> (d) <ul>
-
10.📋 Does this list show bullets or numbers?
<ul>
<li>Litchi</li>
<li>Mango</li>
<li>Guava</li>
</ul> (a) bullets (b) numbers -
11.📋 Does this list show bullets or numbers?
<ul>
<li>Banana</li>
<li>Grapes</li>
<li>Jamun</li>
</ul> (a) numbers (b) bullets -
12.📋 Does this list show bullets or numbers?
<ol>
<li>Guava</li>
<li>Grapes</li>
</ol> (a) numbers (b) bullets -
13.📋 How many items does this list show?
<ol>
<li>Litchi</li>
<li>Mango</li>
<li>Banana</li>
</ol> -
14.📋 Does this list show bullets or numbers?
<ol>
<li>Guava</li>
<li>Litchi</li>
<li>Banana</li>
</ol> (a) numbers (b) bullets - 15.📋 Which list tag is an unordered list? (a) <ul> (b) <ol> (c) <li>
-
16.📋 Does this list show bullets or numbers?
<ol>
<li>Guava</li>
<li>Grapes</li>
<li>Litchi</li>
</ol> (a) bullets (b) numbers - 17.📋 Which list tag is an ordered list? (a) <li> (b) <ol> (c) <ul>
-
18.📋 Does this list show bullets or numbers?
<ul>
<li>Grapes</li>
<li>Papaya</li>
</ul> (a) numbers (b) bullets - 19.📋 Which list tag goes inside ul or ol? (a) <ul> (b) <ol> (c) <li>
-
20.📋 Does this list show bullets or numbers?
<ol>
<li>Grapes</li>
<li>Mango</li>
</ol> (a) bullets (b) numbers -
21.📋 What number does the browser show next to “Mango”?
<ol>
<li>Grapes</li>
<li>Guava</li>
<li>Mango</li>
</ol> -
22.📋 What number does the browser show next to “Grapes”?
<ol>
<li>Mango</li>
<li>Orange</li>
<li>Grapes</li>
</ol> -
23.📋 How many items does this list show?
<ol>
<li>Jamun</li>
<li>Grapes</li>
</ol> -
24.📋 Does this list show bullets or numbers?
<ul>
<li>Jamun</li>
<li>Guava</li>
</ul> (a) numbers (b) bullets -
25.📋 What number does the browser show next to “Orange”?
<ol>
<li>Jamun</li>
<li>Mango</li>
<li>Banana</li>
<li>Papaya</li>
<li>Orange</li>
<li>Guava</li>
</ol> -
26.📋 Does this list show bullets or numbers?
<ol>
<li>Litchi</li>
<li>Guava</li>
</ol> (a) bullets (b) numbers - 27.📋 Which list tag shows 1, 2, 3 numbers? (a) <li> (b) <ul> (c) <ol>
-
28.📋 How many items does this list show?
<ul>
<li>Jamun</li>
<li>Guava</li>
</ul> -
29.📋 What number does the browser show next to “Banana”?
<ol>
<li>Mango</li>
<li>Guava</li>
<li>Papaya</li>
<li>Banana</li>
<li>Jamun</li>
<li>Orange</li>
</ol> -
30.📋 What number does the browser show next to “Guava”?
<ol>
<li>Mango</li>
<li>Orange</li>
<li>Grapes</li>
<li>Jamun</li>
<li>Guava</li>
</ol> - 31.True or false: <ul> is an unordered list. (a) False (b) True
-
32.📋 What number does the browser show next to “Jamun”?
<ol start="6">
<li>Banana</li>
<li>Jamun</li>
<li>Grapes</li>
</ol> -
33.📋 How many items does this list show?
<ol>
<li>Papaya</li>
<li>Banana</li>
<li>Guava</li>
<li>Litchi</li>
<li>Mango</li>
</ol> -
34.📋 What number does the browser show next to “Jamun”?
<ol start="4">
<li>Grapes</li>
<li>Litchi</li>
<li>Jamun</li>
<li>Guava</li>
<li>Banana</li>
</ol> -
35.📋 How many items does this list show?
<ol>
<li>Orange</li>
<li>Grapes</li>
<li>Mango</li>
</ol> -
36.📋 How many items does this list show?
<ol>
<li>Grapes</li>
<li>Papaya</li>
<li>Litchi</li>
<li>Orange</li>
<li>Jamun</li>
<li>Mango</li>
</ol> -
37.📋 What number does the browser show next to “Jamun”?
<ol start="9">
<li>Banana</li>
<li>Jamun</li>
<li>Litchi</li>
<li>Mango</li>
</ol> -
38.📋 What number does the browser show next to “Mango”?
<ol>
<li>Banana</li>
<li>Mango</li>
<li>Litchi</li>
</ol> - 39.📋 Which list tag shows bullet points? (a) <li> (b) <ol> (c) <ul>
-
40.📋 How many items does this list show?
<ul>
<li>Mango</li>
<li>Litchi</li>
</ul>
Answer key
- False
- <ul>
- 2
- <ul>
- False
- <li>
- bullets
- 4
- <ol>
- bullets
- bullets
- numbers
- 3
- numbers
- <ul>
- numbers
- <ol>
- bullets
- <li>
- numbers
- 3
- 3
- 2
- bullets
- 5
- numbers
- <ol>
- 2
- 4
- 5
- True
- 7
- 5
- 6
- 3
- 6
- 10
- 2
- <ul>
- 2
Free html and css lessons, practice and worksheets at talentjr.in/html-css-for-kids