Producing web pages
* HTML CSS DHTML XHTML A to Z of tags        Accessibility          Design

<ul>

<ul
class=type
compact
dir=ltr|rtr
id=value
lang=language
style=style
title=text
type=disc|circle|square
</ul>

Specifies an unordered (bulleted) list made up of <li> tags. You must enter the end-tag.

You can nest bulleted lists; the bullets change as you move through the indent levels from a solid disc, to a circle, to a square.

If you want more choice about the bullet character, add a style sheet to your page and use the list-style-type property. You can also use the style sheet to suppress bullets or use pictures as bullets.

An example list:

Remember to pack:
<ul>
<li>Your toothbrush</li>
<li>Your pyjamas</li>
<li>You gold visa card</li>
</ul>

Attributes

class=type

Indicates the class to which the tag belongs. You can use the class attribute in a style sheet to create different styles that you want apply to a single HTML tag. For example, you might create three different styles for a <ul> tag. See Using the class attribute as a selector for more details.

compact

Reduces the spacing between items in the list.

dir=ltr|rtr

Specifies the direction of text. This can be left-to-right (ltr) or right-to-left (rtl). For example, English characters are presented left-to-right, Hebrew characters are presented right-to-left.

id=value

Specifies a unique name for the tag. No two tags can have the same id on a single page. The value must begin with a letter followed by any alphanumeric character, a hyphen, an underscore, a colon or a full stop. You use it to reference a unique style for a tag or to manipulate the tag with a script.

lang=language

Specifies which language the <ul> tag uses. You can enter any valid ISO standard language abbreviation, for example, “en” for English, “de” for German and so on. For example, <span lang="es">hola! como esta?</span>.

This attribute helps search engines understand different languages as different languages rather than just misspelled English. It may also help spelling and grammar checkers and allow speech synthesizers to use language-dependent pronunciation rules.

style=style

Specifies style information. See Style sheets for more information.

title=text

For information only. Some browsers display the title when you move the mouse over the tag (like a tool tip).

type=disc|circle|square

The type of bullet you want to use:

Value…

Description…

disc

A solid circle

circle

A small circle outline

square

A square outline