Open In App

How to use <ul> Tag in HTML ?

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.






<!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>

Output:



Article Tags :