---
title: "Explain the HTML list"
description: "HTML Lists provide a flexible way to present information in a structured and readable format on web pages."
author: "Ashutosh Patel"
published: 2024-06-05
updated: 2024-06-05
canonical: https://www.mindstick.com/blog/304310/explain-the-html-list
category: "html"
tags: ["html", "html5", "html lists"]
reading_time: 2 minutes
---
# Explain the HTML list
### HTML list
HTML lists are used to present information in a [structured](https://yourviews.mindstick.com/view/88498/underbust-corset-styling-guide-for-structured-everyday-looks) and [organized](https://yourviews.mindstick.com/story/4668/regions-rivers-where-kumbha-mela-is-organized) manner. There are three main types of lists in HTML: ordered lists (``), unordered lists (``), and [definition](https://yourviews.mindstick.com/view/70598/false-furore-over-the-leadership-definition-statement-of-army-chief-bipin-rawat) lists (``).
#### Types of HTML list
Here's an [explanation](https://yourviews.mindstick.com/view/84608/what-are-hindenburg-s-allegations-against-adani-detailed-explanation) of each,
## Ordered Lists (``)
- Ordered lists are used to present a list of items in a specific sequence or order.
- Each item in the list is marked with a number (by default) or another type of marker, such as letters or Roman numerals.
- Items in an ordered list are enclosed within - (list item) tags.
## Example-
```html
Ordered List
- First item
- Second item
- Third item
```
## Output-
1. First item
2. Second item
3. Third item
## Unordered Lists ()
- Unordered lists are used to present a list of items in no particular order or sequence.
- Each item in the list is marked with a bullet point (by default) or another type of marker, such as a square or circle.
- Items in an unordered list are also enclosed within - (list item) tags.
## Example-
```html
Unordered List
```
## Output-
- Red
- Green
- Blue
## Definition Lists (
)
- Definition lists are used to present a list of terms and their corresponding definitions or descriptions.
- Each term in the list is marked with a term tag - (definition term), and each definition is marked with a definition tag
- (definition description).
## Example-
```html
Definition List
- HTML
- Hypertext Markup Language
- CSS
- Cascading Style Sheets
- JS
- JavaScript
```
## Output-
HTML
- Hypertext [Markup Language](https://www.mindstick.com/interview/234/what-is-markup-language)
CSS
- [Cascading](https://www.mindstick.com/blog/94/css-cascading-stylesheet) [Style Sheets](https://www.mindstick.com/forum/506/why-do-we-use-style-sheets)
JS
- [JavaScript](https://www.mindstick.com/articles/874/how-to-create-watermark-text-for-textbox-by-using-javascript)
Lists can be nested within one another, allowing for more complex structures. Lists provide a flexible way to present information in a structured and readable format on [web pages](https://www.mindstick.com/blog/367/transferring-data-between-asp-dot-net-web-pages).
---
Original Source: https://www.mindstick.com/blog/304310/explain-the-html-list
Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.