HTML <ul> Tag

The <ul> tag is used in HTML to create an unordered list. This tag is often used in conjunction with the <li> tag, which represents each item in the list. The <ul> tag should contain one or more <li> tags to define the list items.

How <ul> Works

The <ul> tag defines a bulleted list of items. When the browser renders the list, each item will be preceded by a bullet point. Here is an example of how to use the <ul> tag:

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

This code will produce a list that looks like this:

• Item 1
• Item 2
• Item 3

<ul> Tag Attributes

Attribute	Description
type	Specifies the type of marker to be used for the list items. Possible values are "disc", "circle", and "square". Default value is "disc".
compact	Specifies that the list should be rendered in compact style, with reduced spacing between items.
start	Specifies the starting number for the first list item. Useful for numbered lists.

Examples

Here are some examples of how to use the <ul> tag with different attributes:

Using the type attribute:

<ul type="circle">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

• Item 1
• Item 2
• Item 3

Using the compact attribute:

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

• Item 1
• Item 2
• Item 3

Using the start attribute:

<ul start="5">
  <li>Item 5</li>
  <li>Item 6</li>
  <li>Item 7</li>
</ul>

• Item 5
• Item 6
• Item 7