How to use <ul> Tag in HTML ?

Last Updated : 01 Feb, 2024

To create an unordered list in HTML, you can use the <ul> (Unordered List) element along with the <li> (List Item) elements to define each item in the list. The items are typically displayed with bullet points by default, but the styling can be modified using CSS.

Marker Style	Description
Disc	Default bullet-shaped marker.
Circle	Circular marker for list items.
Square	Square-shaped marker for list items.
None	List items without any visible marker.

Syntax

<ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ul>

Example: Implementation creates an unordered list in HTML.

HTML

<!DOCTYPE html> 
<html lang="en"> 
  
<head> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <title>Numbering</title> 
</head> 
  
<body> 
    <ul> 
        <li>Item 1</li> 
        <li>Item 2</li> 
        <li>Item 3</li> 
    </ul> 
</body> 
  
</html>