Create Unordered List with Disc Bullets in HTML

An ordered list is numbered and an unordered list is not numbered it can be created with the tag <ul></ul> and define the items of the list using the tag <li></li>. We can create 4 types of unordered list in HTML ?

  • disc ? This creates an unordered list marked to a bullet (default).

  • circle ? This creates an unordered list marked to a circle.

  • square ? This creates an unordered list marked to a square.

  • none ? This creates an unordered list without any marker.

Syntax

Following is the syntax to create an unordered list with disc bullets in HTML.

<ul style="list-style-type: disc">
   <li>Item in list?</li>
   <li>Item in list?</li>
   <li>Item in list?</li>
</ul>

Example

Given below is an example to create an unordered list with disc bullets in HTML.


<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
   <ul style="list-style-type: disc">
      <li>Abdul</li>
      <li>Jason</li>
      <li>Yadav</li>
      <li>Saiteja</li>
      <li>Akshaj</li>
      <li>Tharun</li>
   </ul>
</body>
</html>

Following is the output for the above example program.

Updated on: 2022-10-18T11:01:59+05:30

5K+ Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements