View video tutorial

HTML Unordered Lists

HTML

<ul> defines list preceded by symbol.

HTML Unordered List


Each item will be in <li> tag.

HTML Unordered list starts with a disc symbol if type attribute is not specified.

Other values for type attribute are type="disc", type="circle", type="square", type="none".

Default disc symbol will be used if type not used.

Learning with HTML Editor "Try it Now"

You can edit the HTML code and view the result using online editor.

An Unordered List

  • Item1
  • Item1
  • Item1

An Unordered List

  • Item1
  • Item1
  • Item1

An Unordered List

  • Item1
  • Item1
  • Item1

An Unordered List

  • Item1
  • Item1
  • Item1

Example

<!DOCTYPE html>
<html>

<head>
   <title>HTML Unordered List</title>
   <meta charset="utf-8" />
</head>

<body>

   <h2>An Unordered List</h2>

   <ul type="disc">
      <li>Item1</li>
      <li>Item1</li>
      <li>Item1</li>
   </ul>

   <h2>An Unordered List</h2>

   <ul type="circle">
      <li>Item1</li>
      <li>Item1</li>
      <li>Item1</li>
   </ul>

   <h2>An Unordered List</h2>

   <ul type="square">
      <li>Item1</li>
      <li>Item1</li>
      <li>Item1</li>
   </ul>
   <h2>An Unordered List</h2>

   <ul type="none">
      <li>Item1</li>
      <li>Item1</li>
      <li>Item1</li>
   </ul>

</body>

</html>
Try it Now »

Click on the "See output" button to see how it works.