You are here: Reference > HTML > tags > ul

ul element

Browser support:
Indicates an unordered list.
To insert items into an unordered list (ul), use the li element. If you want to create an ordered list, then use the ol element.
If you want to see the HTML tags by categories, please visit this page.
This element requires a closing tag.
JavaScript page for this element: ul.

Possible members:

Attributes
Events
Styles
Pseudos
accessKey
Sets an access key to an element.
class
Sets the style class or classes that belong to the element.
COMPACT
Sets whether extra space between list items should be removed.
contentEditable
3
Sets whether the contents of the object are editable.
dir
Sets the text direction as related to the lang attribute.
DISABLED
Sets the state of an object for user interaction.
draggable
3.55
Sets whether an element is draggable.
HIDEFOCUS
Specifies whether a dotted rectangle (focus rectangle) is drawn around an object while it has focus.
id
Sets a unique identifier for the object.
lang
Specifies the language of the element.
language
Sets the scripting language for the current element. Use it only for the script element.
name
Sets the name of an element.
spellcheck
Sets whether the automatic spellchecker is enabled.
style
Sets an inline style associated with an element.
tabIndex
Specifies the tabbing order for keyboard navigation using the TAB key.
title
Specifies a tooltip for an element.
type
Specifies the numbering style of a list.
unSelectable
Sets whether the selection process can start in an element's content.
xml:lang
Sets the language code of the XML document.

Example HTML code 1:

This example illustrates the use of the ul element:
<ul>
    <li>Apple</li>
    <li>Pear</li>
    <li>Peach</li>
</ul>
Did you find this example helpful? yes no

Example HTML code 2:

This example illustrates the use of ul and ol elements:
<ul style="list-style-type:square">
    <li>Menu 1
        <ul style="list-style-type:decimal">
            <li>SubMenu 1_1</li>
            <li>SubMenu 1_2</li>
        </ul>
    </li>
    <li>Menu 2
        <ol>
            <li>SubMenu 2_1</li>
            <li>SubMenu 2_2</li>
        </ol>
    </li>
    <li>Menu 3</li>
</ul>
Did you find this example helpful? yes no

Related pages:

External links:

User Contributed Comments

Post Content

Post Content