1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
"http://www.w3.org/TR/REC-html40/strict.dtd">
<html lang=en>
<head>
<title>LI - List Item</title>
<link rev=Made href="mailto:liam@htmlhelp.com">
<link rel=Start href="../index.html">
<link rel=Glossary href="../../glossary/glossary.html">
<link rel=Copyright href="../../copyright.html">
<link rel=StyleSheet href="../style.css" type="text/css">
<link rel=StyleSheet href="../aural.css" type="text/css" media=aural>
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta name="author" content="Liam Quinn">
<meta name="description" content="A description of HTML 4.0's LI element for list items.">
<meta name="keywords" content="LI, li element, list item, HyperText Markup Language, HTML, HTML4, HTML 4.0, Web Design Group, WDG, <li> tag, <LI> tag">
<script type="text/javascript">
<!--
function toggle() {
if (document.all.toggler.value == "Hide non-strict elements and attributes") {
document.styleSheets[0].addRule("div.transitional", "display:none");
document.styleSheets[0].addRule("span.transitional", "display:none");
document.styleSheets[0].addRule("li.transitional", "display:none");
document.styleSheets[0].addRule(".transitional", "speak:none");
document.all.toggler.value = "Show non-strict elements and attributes";
} else {
document.styleSheets[0].addRule("div.transitional", "display:block");
document.styleSheets[0].addRule("span.transitional", "display:inline");
document.styleSheets[0].addRule("li.transitional", "display:list-item");
document.styleSheets[0].addRule(".transitional", "speak:inherit");
document.all.toggler.value = "Hide non-strict elements and attributes";
}
}
// -->
</script>
</head>
<body>
<h2><img src="../wdglogo1.gif" width=250 height=83 alt="The Web Design Group"></h2>
<h1>LI - List Item</h1>
<script type="text/javascript">
<!--
if (document.styleSheets) {
var gt;
gt = unescape(new String("%3E"));
document.write("<p" + gt + "<input type=button value=\"Hide non-strict elements and attributes\" id=toggler accesskey=s onclick=\"toggle()\"" + gt + "<\/p" + gt);
}
// -->
</script>
<table>
<tr valign=top>
<th>Syntax</th>
<td><strong class=required><LI></strong>...</LI></td>
</tr>
<tr valign=top>
<th>Attribute Specifications</th>
<td>
<ul>
<li class=transitional>TYPE=[ disc | square | circle | 1 | a | A | i | I] (style of list item marker)</li>
<li class=transitional>VALUE=<var><a href="../values.html#number">Number</a></var> (number in sequence)</li>
<li><a href="../attrs.html">common attributes</a></li>
</ul>
</td>
</tr>
<tr valign=top>
<th>Contents</th>
<td><a href="../inline.html">Inline elements</a>, <a href="../block.html">block-level elements</a> <span class=transitional>(except for LIs used within <a href="dir.html">DIR</a> and <a href="menu.html">MENU</a>, which do not allow block-level elements)</span></td>
</tr>
<tr valign=top>
<th>Contained in</th>
<td><a href="ol.html">OL</a>, <a href="ul.html">UL</a><span class=transitional>, <a href="dir.html">DIR</a>, <a href="menu.html">MENU</a></span></td>
</tr>
</table>
<p>The <strong class=html>LI</strong> element defines a <em>list item</em>. The element must be contained within <span class=transitional><strong class=html><a href="dir.html">DIR</a></strong>, <strong class=html><a href="menu.html">MENU</a></strong>, </span><strong class=html><a href="ol.html">OL</a></strong> or <strong class=html><a href="ul.html">UL</a></strong>.</p>
<p><span class=transitional>Unless used with the <a href="../deprecated.html">deprecated</a> <strong class=html>MENU</strong> or <strong class=html>DIR</strong> elements, </span><strong class=html>LI</strong> may contain <a href="../block.html">block-level elements</a>, including <strong class=html><a href="../block/h2.html">H2</a></strong>, <strong class=html><a href="../tables/table.html">TABLE</a></strong>, <strong class=html><a href="ul.html">UL</a></strong>, and <strong class=html><a href="ol.html">OL</a></strong>. This allows <strong class=html>OL</strong> and <strong class=html>UL</strong> to be nested, as in the following example:</p>
<pre class=example><code class=html><UL>
<LI>
<H2>HTML Document Type Definitions</H2>
<UL>
<LI><A HREF="html.dtd">HTML 2.0</A></LI>
<LI><A HREF="HTML32.dtd">HTML 3.2</A></LI>
<LI><A HREF="strict.dtd">HTML 4.0 Strict</A></LI>
</UL>
</LI>
<LI>
<H2>SGML Character Entity References</H2>
<UL>
<LI><A HREF="HTMLlat1.ent">Latin-1 Entities</A></LI>
<LI><A HREF="HTMLsymbol.ent">Symbols and Greek Letters</A></LI>
<LI><A HREF="HTMLspecial.ent">Other Special Characters</A></LI>
</UL>
</LI>
</UL></code></pre>
<div class=transitional>
<p>When used with <strong class=html><a href="menu.html">MENU</a></strong> and <strong class=html><a href="dir.html">DIR</a></strong>, <strong class=html>LI</strong> may not contain <a href="../block.html">block-level elements</a>, and lists cannot be nested.</p>
<p>The <a href="../deprecated.html">deprecated</a> <strong class=html>TYPE</strong> attribute of <strong class=html>LI</strong> suggests the rendering of the list item marker. Possible values are as follows:</p>
<ul>
<li>Case-insensitive values for <strong class=html>LI</strong> within a <strong class=html><a href="ul.html">UL</a></strong><span class=transitional>, <strong class=html><a href="dir.html">DIR</a></strong>, or <strong class=html><a href="menu.html">MENU</a></strong></span>:
<ul>
<li><strong class=html>disc</strong> (a filled-in circle)</li>
<li><strong class=html>square</strong> (a square outline)</li>
<li><strong class=html>circle</strong> (a circle outline)</li>
</ul>
</li>
<li>Case-sensitive values for <strong class=html>LI</strong> within an <strong class=html><a href="ol.html">OL</a></strong>:
<ul>
<li><strong class=html>1</strong> (decimal numbers: 1, 2, 3, 4, 5, ...)</li>
<li><strong class=html>a</strong> (lowercase alphabetic: a, b, c, d, e, ...)</li>
<li><strong class=html>A</strong> (uppercase alphabetic: A, B, C, D, E, ...)</li>
<li><strong class=html>i</strong> (lowercase Roman numerals: i, ii, iii, iv, v, ...)</li>
<li><strong class=html>I</strong> (uppercase Roman numerals: I, II, III, IV, V, ...)</li>
</ul>
</li>
</ul>
</div>
<p><a href="../../css/">Style sheets</a> provide <span class=transitional>greater </span>flexibility in suggesting list item styles. The <strong class=css><a href="../../css/classification/list-style.html">list-style</a></strong> property of <abbr class=initialism title="Cascading Style Sheets">CSS</abbr> includes the <span class=transitional>added </span>abilities to suppress list item markers, use images as markers, and more.</p>
<div class=transitional>
<p><strong class=html>LI</strong>'s <strong class=html>VALUE</strong> attribute specifies the number of the list item when used with an <strong class=html><a href="ol.html">OL</a></strong>. The number must be given as an integer, though the list item marker may be rendered in another form (for example, as a Roman numeral). Any <strong class=html>LI</strong> element following in the same list will take its default sequence number based on the first preceding <strong class=html>VALUE</strong> attribute. <strong class=html>VALUE</strong> is <a href="../deprecated.html">deprecated</a> in HTML4.0, but no substitute currently exists in <abbr class=initialism title="Cascading Style Sheets"><a href="../../css/">CSS</a></abbr>.</p>
</div>
<h2>More Information</h2>
<ul>
<li><a href="http://www.w3.org/TR/REC-html40/struct/lists.html#edef-LI">LI in <abbr class=initialism title="World Wide Web Consortium">W3C</abbr> HTML4.0 Recommendation</a></li>
<li><a href="http://www.w3.org/TR/REC-html32#lists">LI in <abbr class=initialism title="World Wide Web Consortium">W3C</abbr> HTML3.2 Recommendation</a></li>
<li><a href="http://www.w3.org/MarkUp/html-spec/html-spec_5.html#SEC5.6.1">LI in HTML2.0 Standard</a></li>
<li><a href="../../wilbur/list/li.html">LI in <abbr class=initialism title="Web Design Group">WDG</abbr> HTML3.2 Reference</a></li>
<li><a href="http://www.hut.fi/u/jkorpela/HTML3.2/5.35.html">LI in <cite>Learning HTML3.2 by Examples</cite></a></li>
</ul>
<div class=footer>
<address>Maintained by <a href="http://www.htmlhelp.com/%7Eliam/">Liam Quinn</a> <<a href="mailto:liam@htmlhelp.com">liam@htmlhelp.com</a>></address>
<p class=toolbar><a href="http://www.htmlhelp.com/"><img src="../wdglogo-small.gif" width=105 height=40 alt="Web Design Group ~"></a> <a href="../index.html" rel=Start>HTML4.0Reference</a>~ <a href="../olist.html">ElementsbyFunction</a>~ <a href="../alist.html">ElementsAlphabetically</a></p>
<p class=copyright><a href="../../copyright.html">Copyright </a> 1998 Liam Quinn. All rights reserved.</p>
</div>
</body>
</html>
|
