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
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.
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 ·
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....
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.
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...
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:
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.
Quackit
quackit.com › html › codes › list
HTML List
May 28, 2025 - Example 1: Contains a list of terms and their definitions. Example 2: Here, a term is linked to three values. To see what else you can do with HTML lists, check out these HTML list examples.
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.
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.
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
Universaldesign
universaldesign.ie › communications-digital › web-and-mobile-accessibility › web-accessibility-techniques › developers-introduction-and-index › provide-an-accessible-page-structure-and-layout › code-lists-of-items-semantically-using-native-html-list-elements
Code lists of items semantically, using native HTML list elements - Centre for Excellence in Universal Design
Ensure correct syntax when nesting a list within a list (see example); Use <ul> for unordered lists – these are simple, non-hierarchical lists of items with a bullet point at the front of each line, like this text you are reading now; Use ...
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.
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.