HTML Lists
HTMLHTML supports three types of lists:
- Ordered List (
<ol>) — numbered items - Unordered List (
<ul>) — bullet points - Description List (
<dl>) — term + description pairs
Each item inside a list uses the <li> tag.
Example — HTML
<!-- Unordered List -->
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>
<!-- Ordered List -->
<ol>
<li>Learn HTML</li>
<li>Learn CSS</li>
<li>Learn JavaScript</li>
</ol> Result
- HTML
- CSS
- JavaScript
- Learn HTML
- Learn CSS
- Learn JavaScript
Interview Questions — HTML Lists
5 questions commonly asked in interviews
Q1
What are HTML lists?
Beginner
HTML lists group related items using ordered, unordered, or definition lists.
Q2
Difference between ul and ol?
Beginner
ul is unordered (bullets), ol is ordered (numbers).
Q3
What is <li>?
Beginner
List item element used inside ul/ol.
Q4
What is definition list?
Intermediate
Uses <dl>, <dt>, <dd> for terms and definitions.
Q5
Can lists be nested?
Intermediate
Yes, lists can be nested inside other lists.
Frequently Asked Questions
Common doubts about HTML Lists
Yes using CSS.
Yes using CSS flex.
Yes inside lists.
Yes.
Yes.
Test Your Knowledge
5 questions · Earn 50 XP
0
/ 5
Q1
Which tag is unordered list?
Q2
Which tag is ordered list?
Q3
List item tag?
Q4
Definition list tag?
Q5
Nested lists are?
More on HTML Lists
Cheatsheet, tips, resources & what to learn next
Quick Cheatsheet
Unordered
<ul><li>Item</li></ul>
Ordered
<ol><li>Item</li></ol>
Definition
<dl><dt>Term</dt><dd>Desc</dd></dl>
Nested
<ul><li>Item<ul><li>Sub</li></ul></li></ul>
Styled
ul { list-style-type: square; }Pro Tips
1
Use lists for menus.
2
Keep structure clean.
3
Use nesting properly.
4
Avoid deep nesting.
5
Use CSS for styling.