HTML <ul> Element
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