OUTPUT AN UNORDERED LIST. CUSTOMOZING UNORDERED LISTS.

OUTPUT

 AN UNORDERED LIST.

CUSTOMOZING UNORDERED LISTS.

As with ordered lists, unordered lists can be customized with HTML 3.2 attributes. (these are also deprecated in HTML 4.01) by default, most browsers, including antes ape and internet explorer, use bullets to delineate entries on unordered lists. Text browsers such as lynx generally opt for an asterisk.

If you use the type attribute in the <u1> tag, some browsers can display other types of markers. According to the HTML 3.2 specification, the type attribute can take three possible values.

·         “Disc”-a disc or bullet; this style is the default.

·         “Square”- obviously, a square rather than a disc.

·         “Circle” – as compared with the disc, which most browsers render as a filled circle, this value should generate an unfilled circle.

·         In the following input and output example, you see a comparison of these three types as rendered in a browser (see figure 4.8)

 INPUT

<u1> type =”disc”>

<1i> DAT-digital audio tapes </li>

<1i> CDD- compact discs </1i>

<1i> cassettes </1i>

</u1>

<1i> type=”square”>

<1i> DAT – digital audio tapes </1i>

<1i> CD – compact discs </1i>

<1i> cassettes </1i>

</u1>

<u1> type “circle”>

<1i> DAT- digital audio tapes </1i>

<1i>CD- compact discs </1i>

<1i> cassettes </1i>

</u1>

OUTPUT

 UNORDERED LISTS WITH DIFFERENT BULLET TYPES.

Just as you can change the numbering scheme in the middle of an ordered list, you can change the type of bullet midstream in a list, by using the type attribute in the <1i> tag. Again, this attribute is deprecated in HTML 4.01.

An alternative approach is to use style declarations to specify the bullet type for a list or list item. The property to set Is list. Style-type. To change the style from disc (the default) to square, you would use the following tag>

<o1 style = “just –style-type: square”>

</o1>

The list-style-type property is also used to control the numbering style used for ordered lists. The valid values are disc, circle, square, decimal, lower-roman-, upper-roman lower-alpha, upper-alpha, and none. If you set it to none, no bullet or numbering will be shown for the list.

<o1 style=”list –style-type: circle”>

<1i> style=  “list-style-type: square “> one </1i>

<1i style-list-style-type: disc”> two </1i>

<1i> three </1i>

</o1>

There are a number of other properties associated with lists. The list-style-type property simply provides an alternative to the deprecated type attribute. With CSS, you can go much further. For example, using the white –space property, you can define how white space is handled when lists and rendered. by default, a line break follows every list item.