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....
Programiz
programiz.com › html › unordered-list
HTML Unordered List (With Examples_
In HTML, we use the <ul> tag to create an unordered list. For example,
Videos
07:05
Writing Unordered Lists in HTML - YouTube
00:32
How to Make Unordered Lists in HTML #html #html5 #webdesign ...
05:51
HTML Tutorial #41 - Unordered List in HTML - YouTube
Learn HTML lists in 4 minutes
04:36
Learn HTML lists in 4 minutes 📋 - YouTube
10:52
HTML Lists Tutorial | HTML5 List Types: Ordered, Unordered & ...
Tutorialspoint
tutorialspoint.com › html › html_unordered_lists.htm
HTML - Unordered Lists
To create an unordered list in HTML, we use the <ul> tag and nest <li> tags inside it. Each <li> element represents one item in the list. By default, the browser will automatically display disc bullet points for each item.
GeeksforGeeks
geeksforgeeks.org › html › html-unordered-lists
HTML Unordered Lists - GeeksforGeeks
July 23, 2025 - The unordered list may need to be displayed horizontally, such as in a navigation menu. This can be accomplished with the help of CSS. Let's understand this with the help of example . Let's understand this with the help of example: ... <html> <head> <title>HTML Horizontal Unordered List</title> <style> body { text-align: center; } ul { overflow: hidden; background-color: #1d6b0d; list-style-type: none; } li { float: left; } li a { text-decoration: none; color: white; padding: 0.5rem; } </style> </head> <body> <h3>HTML Horizontal Unordered List</h3> <ul> <li><a href="#course">Course</a></li> <li><a href="#Blog">Blogs</a></li> <li> <a href="#Content">Content</a> </li> </ul> </body> </html>
MDN Web Docs
developer.mozilla.org › en-US › docs › Web › HTML › Reference › Elements › ul
<ul>: The Unordered List element - HTML | MDN
To determine which one to use, try changing the order of the list items; if the meaning is changed, the <ol> element should be used, otherwise you can use <ul>. ... <ul> <li>first item</li> <li> second item <!-- Look, the closing </li> tag is not placed here!
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. Tip: For ordered lists, use the <ol> tag.
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.
W3C
w3.org › MarkUp › html3 › bulletlists.html
UL (Unordered List)
An unordered list typically is a bulleted list of items. HTML 3.0 gives you the ability to customise the bullets, to do without bullets and to wrap list items horizontally or vertically for multicolumn lists. The opening list tag must be <UL>. It is followed by an optional list header (<LH>caption</LH>) and then by the first list item (<LI>). For example...
CodeWithHarry
codewithharry.com › tutorial › html-unordered-list
Unordered List | HTML Tutorial | CodeWithHarry
Unlike ordered lists, the items in an unordered list are typically marked with bullet points, dashes, or other symbols to indicate list membership, but these markers do not imply any particular order.
IONOS
ionos.com › digital guide › websites › web development › html unordered lists
How to create unordered lists in HTML with the HTML tag
December 15, 2025 - Although hierarchically structured lists are typically implemented using ordered lists, you can also create nested lists with HTML <ul>. To do this, simply embed additional unordered lists in an existing <ul> element. The following example shows how to create two nested ...
Tutorial Republic
tutorialrepublic.com › html-tutorial › html-lists.php
HTML Ordered, Unordered, and Definition Lists - Tutorial Republic
In the following sections we will cover all the three types of list one by one: An unordered list created using the <ul> element, and each list item starts with the <li> element.
SitePoint
sitepoint.com › html hub › unordered lists
HTML Unordered Lists | SitePoint — SitePoint
This example demonstrates how to nest a secondary list within a primary list item. Horizontal unordered lists are commonly used for navigation menus. With a few CSS tweaks, you can align list items horizontally instead of vertically. ... <!DOCTYPE html> <html> <head> <style> ul { list-style-type: none; /* Remove default bullets */ margin: 0; padding: 0; overflow: hidden; background-color: #333; } li { float: left; /* Align items horizontally */ } li a { display: block; color: white; text-align: center; padding: 16px; text-decoration: none; } li a:hover { background-color: #111; } </style> </head> <body> <ul> <li><a href="#home">Home</a></li> <li><a href="#news">News</a></li> <li><a href="#contact">Contact</a></li> <li><a href="#about">About</a></li> </ul> </body> </html>
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 - This tutorial explains how to create different types of lists: unordered, ordered, and description lists in HTML. In this blog, you will learn what are HTML lists and understand how to create ordered list, unordered list, and descriptive list in HTML.
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.
Mimo
mimo.org › glossary › html › unordered-lists
HTML Unordered Lists: Organize Content Dynamically
The HTML <ul> tag creates an unordered list on a web page, commonly referred to as a bulleted list in HTML.
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.
DhiWise
dhiwise.com › post › how-to-create-and-style-html-unordered-lists
HTML Unordered Lists: Everything You Need To Know
September 4, 2024 - In this example, the unordered list will be displayed with each list item marked by a default bullet point. The list items are typically rendered with a margin and padding to ensure they are easily distinguishable from one another and from other HTML elements on the web page.
GeeksforGeeks
geeksforgeeks.org › html › how-to-create-an-unordered-list-in-html
How to Create an Unordered List in HTML ? - GeeksforGeeks
November 20, 2024 - An unordered list in HTML is a collection of items displayed with bullet points. To create an unordered list, we can use the <ul> tag to start the list and <li> tags for each items.
W3Schools
w3schoolsua.github.io › html › html_lists_unordered_en.html
HTML Unordered Lists. Examples. Lessons for beginners. W3Schools in English
The HTML <ul> tag defines an unordered (bulleted) list.
Tutorialspoint
tutorialspoint.com › html › html_lists.htm
HTML - Lists
<!DOCTYPE html> <html> <head> <title>HTML List</title> </head> <body> <h2>Example of HTML Nested List</h2> <ol> <li>Item One</li> <li>Item Two <ul> <li>Subitem A</li> <li>Subitem B</li> </ul> </li> <li>Item Three</li> </ol> </body> </html> To enhance styling and layout, lists are often wrapped inside the <div> elements. This grouping aids in applying consistent styles and creating visually appealing list structures. In this example, we are grouping unordered lists with a div tag: