W3Schools
w3schools.com › html › html_lists.asp
HTML Lists
HTML lists allow web developers to group a set of related items in lists. ... An unordered list starts with the <ul> tag.
GeeksforGeeks
geeksforgeeks.org › html › html-lists
HTML Lists - GeeksforGeeks
January 20, 2026 - <!DOCTYPE html> <html> <head>Unordered List</head> <body> <h2>Grocery list</h2> <ul> <li>Bread</li> <li>Eggs</li> <li>Milk</li> <li>Coffee</li> </ul> </body> </html> ... Ordered lists are used when the items need to follow a specific sequence.
Videos
01:58
HTML Lists Explained In 2 Minutes | Intro To HTML - YouTube
Learn HTML lists in 4 minutes
10:52
HTML Lists Tutorial | HTML5 List Types: Ordered, Unordered & ...
04:36
Learn HTML lists in 4 minutes 📋 - YouTube
06:35
Learn HTML lists in 6 minutes! 📄 - YouTube
22:51
Lists in HTML - YouTube
MDN Web Docs
developer.mozilla.org › en-US › docs › Learn_web_development › Core › Structuring_content › Lists
Lists - Learn web development | MDN
August 21, 2025 - Save a local copy of our text-start.html starting file and do the work in your code editor. Click "Play" in the rendered code output below to edit the example in the MDN Playground. ... Mark up the main page title using an <h1> element, and the three subtitles using <h2> elements. There are five lines of text that make sense to be marked up with <p> elements. Do this now. Mark up the list of ingredients as an unordered list.
Tutorialspoint
tutorialspoint.com › html › html_lists.htm
HTML - Lists
Unordered lists display lists of items that are not in a specific order. The unordered lists are marked with bullet points. To create an unordered list, the <ul> tag is used along with the <li> tag. Here, the <li> tag specifies the list items. The following example demonstrates an unordered listing. Here, we are creating a list of 5 items: <!DOCTYPE html> <html> <head> <title>HTML List</title> </head> <body> <h2>Example of HTML List</h2> <ul> <li>HTML</li> <li>CSS</li> <li>JavaScript</li> <li>Java</li> <li>JavaFX</li> </ul> </body> </html>
MDN Web Docs
developer.mozilla.org › en-US › docs › Web › HTML › Reference › Elements › li
<li>: The List Item element - HTML - MDN Web Docs - Mozilla
The <li> HTML element is used to represent an item in a list. It must be contained in a parent element: an ordered list (<ol>), an unordered list (<ul>), or a menu (<menu>). In menus and unordered lists, list items are usually displayed using bullet points. In ordered lists, they are usually ...
Programiz
programiz.com › html › list
HTML Lists (With Examples)
The <ol> tag is used to create ordered lists. Similar to unordered lists, each item in the ordered list must be a <li> tag. For example, <ol> <li>Ready</li> <li>Set</li> <li>Go</li> </ol> ... Here, you can see list items are represented with numbers to represent a certain order.
W3Schools
w3schools.com › html › html_lists_ordered.asp
HTML Ordered Lists
The HTML <ol> tag defines an ordered list. An ordered list can be numerical or alphabetical. An ordered list starts with the <ol> tag.
UTMB Health
utmb.edu › web › 4x › components › html-lists
Typography - HTML Lists
There are three main types of lists in HTML: unordered lists (<ul>), ordered lists (<ol>), and definition lists (<dl>). Within the Sitefinity Content Management System we’ve adopted a consistent use of the same fonts, sizing, color and formatting options so as users are building the website content, there is ...
WebPlatform
webplatform.github.io › docs › guides › html_lists
HTML lists · WebPlatform Docs
Description lists (previously called definition lists, but renamed in HTML5) associate specific names and values within a list. Examples might be items in an ingredient list and their descriptions, article authors and brief bios, or competition winners and the years in which they won.
Internshala
trainings.internshala.com › home › programming › what is a list in html?
What is a List in HTML? - Types, Tags, Advantages, & More
September 24, 2025 - In HTML, a list is an element used to create organized and structured lists of items. It can be either unordered or ordered. Unordered (bulleted) lists use the <ul> tag along with individual <li> tags for each item in the list.
freeCodeCamp
freecodecamp.org › news › html-lists-with-examples
HTML Lists – Ordered, Unordered and Definition List Examples
October 4, 2023 - Unordered lists are perfect for presenting items that do not have a particular sequence or order. They are typically displayed with bullet points, which make them visually distinct from ordered lists. An example might be a grocery shopping list.
IONOS
ionos.com › digital guide › websites › web development › html lists
What are HTML lists? How to use , and tags
December 16, 2025 - In an unordered HTML list, list items aren’t assigned numbers or letters. Instead, bullet points or symbols like dashes, arrows or checkmarks are used to separate list items. This allows you to present information in a structured way without having to arrange it hierarchically. Recipe ingredients and lists of cities and countries are two common examples where an unordered list works great.
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.
Shay Howe
learn.shayhowe.com › html-css › creating-lists
Creating Lists - Learn to Code HTML & CSS
Another type of list seen online (but not as often as unordered or ordered lists) is the description list. Description lists are used to outline multiple terms and their descriptions, as in a glossary, for example. Creating a description list in HTML is accomplished using the description list block-level element, <dl>. Instead of using a <li> element to mark up list items, the description list requires two block-level elements: the description term element, <dt>, and the description element, <dd>.
W3C
w3.org › TR › html401 › struct › lists.html
Lists in HTML documents
HTML offers authors several mechanisms for specifying lists of information. All lists must contain one or more list elements. Lists may contain: Unordered information. Ordered information. Definitions. The previous list, for example, is an unordered list, created with the UL element:
W3Schools
w3schools.com › html › html_lists_unordered.asp
HTML Unordered Lists
HTML lists can be styled in many different ways with CSS. One popular way is to style a list horizontally, to create a navigation menu:
CodeWithHarry
codewithharry.com › tutorial › html-lists
Lists | HTML Tutorial | CodeWithHarry
Our day-to-day lives often involve the use of lists. For example, when we go shopping, the bill we receive includes a list of all the items we've purchased. In a similar manner, web developers use lists to neatly display data on websites. HTML provides different types of lists to display data ...
DotFactory
dofactory.com › html › lists
HTML Lists
An ordered list with lowercase roman numbers. ... In addition to the built-in markers you can also create custom image markers using CSS. This example shows how to use the list-style-image CSS property for this: ... <style> .arrow-marker { list-style-image: url('/img/html/arrow-marker.png'); } </style> <ul class="arrow-marker"> <li>Paper</li> <li>Pencils</li> <li>Scissors</li> </ul> Try it live
Reddit
reddit.com › r/learnprogramming › what's the point in coding a list in html?
r/learnprogramming on Reddit: What's the point in coding a list in HTML?
January 3, 2023 -
There's the ordered <ol> and unordered list <ul>.
The ordered list adds a number before the text, such as:
Germany
France
Romania
The unordered list just adds bullet points, such as:
• Germany
• France
• Romania
My question is: What's the point of them? Can't you just use a paragraph <p> and line breaks <br> to create your list? Without all the unnecessary <ol> <li> </li> </ol>?
I mean It's not that hard to just type in the "1. ; 2. ; 3." or copy paste a bullet point off the internet.
Top answer 1 of 9
122
HTML is not about presentation, it's about semantic structure. You can build a list with paragraphs, line breaks, and the bullet point character; it will look about the same if you do. But anything that isn't a human looking at your website won't be able to tell it's a list; they'll see it for exactly what it is, a bunch of paragraphs with bullet point characters. So things like screen readers might read it incorrectly, trying to actually pronounce the bullet point. Software like Google's indexing engines won't be able to treat the list as a list of potential keywords or search terms, or to pull it out into an info box for display. Using semantic HTML allows for machines to parse your page just as easily as humans.
2 of 9
20
Why use
and
when you can achieve the same with just
Tutorial Republic
tutorialrepublic.com › html-tutorial › html-lists.php
HTML Ordered, Unordered, and Definition Lists - Tutorial Republic
December 8, 2022 - HTML lists are used to present list of information in well formed and semantic way. The most common forms of HTML lists are ordered and unordered lists.