W3Schools
w3schools.com › html › html_lists.asp
HTML Lists
Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, Python, PHP, Bootstrap, Java, XML and more.
Tutorialspoint
tutorialspoint.com › html › html_lists.htm
HTML - Lists
<!DOCTYPE html> <html> <head> <title>HTML List</title> <style> li { font-size: 16px; } div { color: red; } </style> </head> <body> <h2>HTML List with CSS</h2> <div> <p>First List</p> <ol> <li>Item One</li> <li>Item Two</li> </ol> </div> <div> ...
Videos
10:52
HTML Lists Tutorial | HTML5 List Types: Ordered, Unordered & ...
06:35
Learn HTML lists in 6 minutes! 📄 - YouTube
Learn HTML lists in 4 minutes
01:58
HTML Lists Explained In 2 Minutes | Intro To HTML - YouTube
04:36
Learn HTML lists in 4 minutes 📋 - YouTube
W3Schools
w3schools.com › html › html_lists_ordered.asp
HTML Ordered Lists
HTML Tag List HTML Attributes HTML Global Attributes HTML Browser Support HTML Events HTML Colors HTML Canvas HTML Audio/Video HTML Doctypes HTML Character Sets HTML URL Encode HTML Lang Codes HTTP Messages HTTP Methods PX to EM Converter Keyboard Shortcuts ... The HTML <ol> tag defines an ordered list.
Shay Howe
learn.shayhowe.com › html-css › creating-lists
Creating Lists - Learn to Code HTML & CSS - Shay Howe
Here is an example of a horizontal navigation menu marked up using an unordered list with <li> elements displayed as inline-block elements. See the Pen Navigational List by Shay Howe (@shayhowe) on CodePen. Now that we know how to build lists within HTML and CSS, let’s loop back to our Styles Conference website and see where we might be able to use lists.
GeeksforGeeks
geeksforgeeks.org › html › html-lists
HTML Lists - GeeksforGeeks
January 20, 2026 - The <dl> tag defines the description list, the <dt> tag defines the term name, and the <dd> tag describes each term. Here, <dt> (description term) is used for the term being defined, and <dd> (description details) is used for the description.
Programiz
programiz.com › html › list
HTML Lists (With Examples)
In HTML, we use the <ul> tag to create unordered lists. Each item of the list must be a <li> tag which represents list items. For example,
HTML.com
html.com › lists
Lists Bring Order To Web Pages: Here’s The HTML Code To Create Them »
November 14, 2019 - Learn how and when to use ordered, unordered, and description lists and the correct syntax for adding lists to an HTML document.
W3Schools
w3schools.com › html › html_lists_unordered.asp
HTML Unordered Lists
HTML Tag List HTML Attributes HTML ... Lang Codes HTTP Messages HTTP Methods PX to EM Converter Keyboard Shortcuts ... The HTML <ul> tag defines an unordered (bulleted) list....
CodeHS
codehs.com › tutorial › 12387
Tutorial: HTML Lists | CodeHS
Learn how to use ordered and unordered lists in HTML. javascript · By Evelyn Hunter · High School · html · By Jennifer Campbell · High School Middle School · Coding LMS · Online IDE · CodeHS Pro · Computer Science Curriculum · Certifications · Professional Development ·
MDN Web Docs
developer.mozilla.org › en-US › docs › Web › HTML › Reference › Elements › ul
<ul>: The Unordered List element - HTML - MDN Web Docs
Other list-related HTML Elements: <ol>, <li>, <menu>
freeCodeCamp
freecodecamp.org › news › html-list-how-to-use-bullet-points-ordered-and-unordered-lists
HTML List – How to Use Bullet Points, Ordered, and Unordered Lists
July 1, 2021 - There is one more type of HTML list, but it's not used as often. It is called Description List. We can define a description list using the <dl> tag element. Inside the <dl>..</dl> we need to define a description term using the <dt> tag. The term is usually some small text about something. Then, we can define the description descriptor to describe the term further using the <dd> tag. Too much to digest? Let's see how it works with a code example...
Code.org
studio.code.org › docs › concepts › html › lists
Code.org Tool Documentation
To make each list item, use the list item tags <li> </li> and write the list item inside the tags.
freeCodeCamp
freecodecamp.org › news › html-lists-with-examples
HTML Lists – Ordered, Unordered and Definition List Examples
October 4, 2023 - HTML provides the basic structure for lists, but to make them visually appealing and fit your website's design, you can apply CSS styles. Here are some common CSS properties you can use to customize lists: To change the style of bullets in unordered lists or the numbering style in ordered lists, you can use the list-style-type property. For example, to use square bullets in an unordered list, you can add the following CSS rule:
MDN Web Docs
developer.mozilla.org › en-US › docs › Learn_web_development › Core › Structuring_content › Lists
Lists - Learn web development | MDN
August 21, 2025 - In this example, the items can be in any order. To create this list in HTML, we first wrap the whole list in a <ul> (unordered list) element. Then, we wrap each item in a <li> (list item) element: ... Click "Play" in the rendered code output below to edit the example in the MDN Playground.
CodeWithHarry
codewithharry.com › tutorial › html-lists
Lists | HTML Tutorial | CodeWithHarry
An unordered list uses bullets to display items. It is suitable for listing items where the order doesn't matter.
MDN Web Docs
developer.mozilla.org › en-US › docs › Web › HTML › Reference › Elements › li
<li>: The List Item element - HTML - MDN Web Docs - Mozilla
This integer attribute indicates the current ordinal value of the list item as defined by the <ol> element. The only allowed value for this attribute is a number, even if the list is displayed with Roman numerals or letters. List items that follow this one continue numbering from the value set.
Shiksha
shiksha.com › home › it & software › it & software articles › programming articles › html lists: ordered and unordered lists explained with examples
HTML Lists: Ordered and Unordered Lists Explained with Examples - Shiksha Online
October 13, 2024 - Here is an example to show the use of Roman numerals to list the items. ... In an HTML Description list or Definition List, the list items are listed like a dictionary or encyclopedia. Each item in the description list has a description. You can use a description list to display items like a glossary.
Makethingsaccessible
makethingsaccessible.com › guides › html-lists-for-use-as-content
HTML lists for use as content | Make Things Accessible
October 7, 2022 - Using the start attribute allows you to start the list from a number larger than 1 so start="10" in the code
W3Schools
w3schools.com › tags › tag_ul.asp
HTML ul tag
More "Try it Yourself" examples below. The <ul> tag defines an unordered (bulleted) list. Use the <ul> tag together with the <li> tag to create unordered lists. Tip: Use CSS to style lists.
Top answer 1 of 7
712
Option 2 is correct.
The nested list should be inside a <li> element of the list in which it is nested.
Link to the MDN article on lists (taken from comment below): HTML lists.
Link to the HTML5 W3C ul spec: HTML5 ul.
Note that a ul element may contain exactly zero or more li elements. The same applies to HTML5 ol.
The description list (HTML5 dl) is similar, but allows both dt and dd elements.
More notes:
dl= description list.ol= ordered list (numbers).ul= unordered list (bullets).
MDN link on nesting lists.
2 of 7
97
Option 2
<ul>
<li>Choice A</li>
<li>Choice B
<ul>
<li>Sub 1</li>
<li>Sub 2</li>
</ul>
</li>
</ul>
Nesting Lists - UL