The **`<ul>` element** in HTML represents an unordered list. The `<ul>` element is typically used with the `<li>` element to create a bulleted list.

The `<ul>` element may be nested as deeply as you desire. Similar to most HTML elements, the `<ul>` element can be styled using CSS. 

<h2>Attributes and events</h2>

The `<ul>` element includes  only [global attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes) and supports all the usual [events](https://developer.mozilla.org/en-US/docs/Web/API/Event)  supported by HTML elements.

<h2>Example</h2>

The code below shows how the `<ul>` element works in HTML:

<html>

 <head>
   <title>ul Element in HTML</title>
 </head>
 
 <body>

   
   <ul>
     <li>Item #1</li>
     <li>Item #2</li>
     <li>Item #3</li>
   </ul>

   
   <ul>
      <li>Item #1
        <ul>
          <li>Sub-item #1</li>
          <li>Sub-item #2</li>
        </ul>
      </li>
      <li>Item #2
        <ul>
          <li>Sub-item #3</li>
          <li>Sub-item #4</li>
        </ul>
      </li>
   </ul>

   
   <ul>
     <li>Ordered Items
       <ol>
         <li>Item #1</li>
         <li>Item #2</li>
       </ol>
     </li>
   </ul>
 
 </body>
</html>

codemirror

<h2>Explanation</h2>

The code above shows three different examples of how to use the `<ul>` element.

The first example in line $11$ creates a simple unordered list with $3$ items. Each `<li>` element represents a single item. Since all the `<li>` elements are nested within the `<ul>` element, the list has no particular order.

In the second example in line $19$, the `<ul>` element creates a nested list of unordered items. Each `<li>` element contains another `<ul>` element within itself, which allows for the sub-items to be rendered.

The third example in line $36$ is similar to the second example. However, this time, the `<ol>` element is used to create an ordered list of sub-items. The main item list remains unordered since everything is nested within the `<ul>` element.

>Note: For further details regarding the `<ul>` element, you can check the [documentation](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ul).

What is the <ul> element in HTML?

The `<ul>` element represents an unordered list in HTML, often styled with CSS and includes only global attributes.