ExampleOne ordered and one unordered HTML list: <ol> <li>Red</li> <li>Blue</li> <li>Green</li> </ol> <ul> <li>Red</li> <li>Blue</li> <li>Green</li> </ul> | Browser Support |
1. Definition and Usage
The <li> tag defines a list item.
The <li> tag is used in both ordered (<ol>) and unordered (<ul>) lists.
2. Tips and Notes
Tip: Use CSS to define the type of list.
3. Differences Between HTML and XHTML
None
4. Optional Attributes
DTD indicates in which HTML 4.01/XHTML 1.0 DTD the attribute is allowed. S=Strict, T=Transitional, and F=Frameset.
| Attribute | Value | Description | DTD |
|---|---|---|---|
| type | 1 A a I i disc square circle | Deprecated. Use styles instead. Specifies which kind of bullet point will be used | TF |
| value | number | Deprecated. Use styles instead. Specifies the value of a list item. The following list items will increment from that number (only for <ol> lists) | TF |
5. Standard Attributes
The <li> tag supports the following standard attributes:
| Attribute | Value | Description | DTD |
|---|---|---|---|
| class | classname | Specifies a classname for an element | STF |
| dir | rtl ltr | Specifies the text direction for the content in an element | STF |
| id | id | Specifies a unique id for an element | STF |
| lang | language_code | Specifies a language code for the content in an element | STF |
| style | style_definition | Specifies an inline style for an element | STF |
| title | text | Specifies extra information about an element | STF |
| xml:lang | language_code | Specifies a language code for the content in an element, in XHTML documents | STF |
6. Event Attributes
The <li> tag supports the following event attributes:
| Attribute | Value | Description | DTD |
|---|---|---|---|
| onclick | script | Script to be run on a mouse click | STF |
| ondblclick | script | Script to be run on a mouse double-click | STF |
| onmousedown | script | Script to be run when mouse button is pressed | STF |
| onmousemove | script | Script to be run when mouse pointer moves | STF |
| onmouseout | script | Script to be run when mouse pointer moves out of an element | STF |
| onmouseover | script | Script to be run when mouse pointer moves over an element | STF |
| onmouseup | script | Script to be run when mouse button is released | STF |
| onkeydown | script | Script to be run when a key is pressed | STF |
| onkeypress | script | Script to be run when a key is pressed and released | STF |
| onkeyup | script | Script to be run when a key is released | STF |
