HTML Tag <UL>

<UL> Contains a bulleted (unordered) list. You can then use the <LI> (List Item) tag to add bulleted items to the list.

Attribute of <UL> Tag

• CLASS
• COMPACT
• ID
• SRC
• STYLE
• TITLE
• TYPE

CLASS

Indicates which style class applies to the <UL> element.

<UL CLASS="tutorial">
<LI>PHP</LI>
<LI>ASP</LI>
<LI>JSP</LI>
</UL>

Possible Values

Any Class Name.

COMPACT

Indicates that the unordered list appears in a compact format. This attribute may not affect the appearance of the list as most browsers do not present lists in more than one format.

<UL COMPACT>
<LI>PHP
<LI>JSP
<LI>HTML
<LI>JavaScript
</UL>

Possible Values

COMPACT

ID

Assigns a unique ID selector to an instance of the <UL> tag. When you then assign a style to that ID selector, it affects only that one instance of the <UL> tag.

<UL ID="dkm">

Possible Values

Any Id Name

SRC

Specifies the relative or absolute location of an image file to use for the bullets in the unordered list. Style Sheets provide a browser-independent method that is equivalent to this attribute.

<UL SRC="blueball.gif">

Possible Values

URL

STYLE

Specifies Style Sheet commands that apply to the contents of the unordered list.

<UL STYLE="background: red">

Possible Values

CSS Property with Value.

TITLE

Specifies text assigned to the tag. You might use this attribute for context-sensitive help within the document. Browsers may use this to show tool tips over the unordered list.

<UL TITLE="subject">
<LI>PHP
<LI>ASP
<LI>JSP
</UL>

Possible Values

Any Text Message.

TYPE

Specifies the bullet type for each unordered list item. If you omit the TYPE= attribute, the browser chooses a default type.

<UL TYPE=DISC>
<LI>PHP
<UL TYPE=SQUARE>
<LI>HTML
<LI>JavaScript
<LI>CSS
</UL>
</UL>

Possible Values

SQUARE, CIRCLE, DISC