|
Lists provide a useful way to present information in a form that is structured and
easy to read and to draw attention to important information. HTML provides a number
of formats in which to present information in the form of a list.
The UNORDERED LIST tag enables text to be displayed as a list of bullet points. The
entire list is surrounded by the UNORDERED LIST tag and within those tags, each list
item is itself surrounded by the LIST ITEM tag. Add the code on the right to your
file. |
<P>Characters in Alice in Wonderland</P>
<UL>
<LI>Alice</LI>
<LI>The White Rabbit</LI>
<LI>Dinah (her cat)</LI>
<LI>The Caterpillar</LI>
<LI>The Cheshire Cat</LI>
<LI>The March Hare</LI>
</UL> |
| |
|
|
The TYPE attribute of the UNORDERED LIST
tag defines the type of bullet point.
Set the TYPE attribute of the UNORDERED LIST tag to the value shown on the left. |
Possible values of the TYPE
attribute are DISC, CIRCLE and
SQUARE. | | |
<P>Chapters in Alice in Wonderland include;</P>
<OL>
<LI>Pool of Tears</LI>
<LI>A Caucus-Race and a Long Tale</LI>
<LI>The Rabbit sends in a Little Bill</LI>
</OL> |
|
An alternative to the UNORDERED LIST tag is the ORDERED LIST tag. This tag enables
text to be displayed as a numbered or lettered list. Items within the ORDERED LIST
tag are surrounded by the LIST ITEM tag in the same way as in the UNORDERED LIST tag.
Add the code on the left to your file. | |
|
Possible values for the TYPE attribute of the ORDERED LIST tag are A, a, I, i or 1.
'A' lists the items with uppercase letters A, B, C, etc and 'a' lists the items with
lowercase letters. 'I' lists the items with uppercase Roman numerals and i with
lowercase Roman numerals. '1' lists the items numberically. The default value is
1. | | |
|
|
Set the value of TYPE attribute of the ORDERED LIST tag to A as shown. | |
|
A third type of list tag is the DEFINITION LIST tag. A DEFINITION LIST tag contains two
further tags - a DEFINITION TERM tag and a DEFINITION DATA tag. This type of list
has no bullet points and the definition description appears on a seperate line from
the definition term. Also, a definition list is not indented in the way that previous
lists are. Add the following
code to your file. |
<DL>
<DT>Pool of Tears</DT>
<DD>In which Alice changes size frequently</DD>
<DT>A Caucus-Race and a Long Tale</DT>
<DD>The mouse tells its sad tale</DD>
<DT>The Rabbit Sends in a Little Bill</DT>
<DD>Alice gets stuck in the white rabbit's house</DD>
</DL> |
| |
