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
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
"http://www.w3.org/TR/REC-html40/strict.dtd">
<html lang=en-us>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>UL - Unordered List</title>
<link rev=Made href="mailto:liam@htmlhelp.com">
<link rel=Start href="../index.html">
<link rel=StyleSheet href="../style.css" type="text/css">
<link rel=StyleSheet href="../aural.css" type="text/css" media=aural>
<link rel="Alternate StyleSheet" href="../strictHTMLonly.css" type="text/css" title="Strict HTML only">
<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 UL element for unordered lists.">
<meta name="keywords" content="UL, ul element, unordered list, lists, list, bulleted list, bulletted list, HyperText Markup Language, HTML, HTML4, HTML 4.0, Web Design Group, WDG, <ul> tag, <UL> tag">
<script type="text/javascript" src="../hideNonStrict.js"></script>
</head>
<body>
<h2><img src="../wdglogo1.gif" width=250 height=83 alt="The Web Design Group"></h2>
<h1>UL - Unordered List</h1>
<script type="text/javascript">
<!--
if (document.styleSheets && writeButton) {
writeButton("elements and attributes");
}
// -->
</script>
<table>
<tr valign=top>
<th>Syntax</th>
<td><strong class=required><UL></strong>...<strong class=required></UL></strong></td>
</tr>
<tr valign=top>
<th>Attribute Specifications</th>
<td>
<ul>
<li class=transitional>TYPE=[ disc | square | circle] (bullet style)</li>
<li class=transitional>COMPACT (compact display)</li>
<li><a href="../attrs.html">common attributes</a></li>
</ul>
</td>
</tr>
<tr valign=top>
<th>Contents</th>
<td>One or more <a href="li.html">LI</a> elements</td>
</tr>
<tr valign=top>
<th>Contained in</th>
<td><span class=transitional><a href="../special/applet.html">APPLET</a>, </span><a href="../block/blockquote.html">BLOCKQUOTE</a>, <a href="../html/body.html">BODY</a>, <a href="../forms/button.html">BUTTON</a>, <span class=transitional><a href="../block/center.html">CENTER</a>, </span><a href="dd.html">DD</a>, <a href="../phrase/del.html">DEL</a>, <a href="../block/div.html">DIV</a>, <a href="../forms/fieldset.html">FIELDSET</a>, <a href="../forms/form.html">FORM</a>, <span class=transitional><a href="../special/iframe.html">IFRAME</a>, </span><a href="../phrase/ins.html">INS</a>, <a href="li.html">LI</a>, <a href="../special/map.html">MAP</a>, <span class=transitional><a href="../frames/noframes.html">NOFRAMES</a>, </span><a href="../block/noscript.html">NOSCRIPT</a>, <a href="../special/object.html">OBJECT</a>, <a href="../tables/td.html">TD</a>, <a href="../tables/th.html">TH</a></td>
</tr>
</table>
<p>The <strong class=html>UL</strong> element defines an <em>unordered list</em>. The element contains one or more <strong class=html><a href="li.html">LI</a></strong> elements that define the actual items of the list.</p>
<p>Unlike with an ordered list (<strong class=html><a href="ol.html">OL</a></strong>), the items of an unordered list have <em>no sequence</em>. In theory, users should be able to change the order of items in an unordered list (<abbr title="for example"><i lang=la>e.g.</i></abbr>, alphabetizing them).</p>
<p>Visual browsers typically render <strong class=html>UL</strong> with a bullet preceding each list item, but authors can suggest various presentations using style sheets. The <strong class=css><a href="../../css/classification/list-style.html">list-style</a></strong> property of <a href="../../css/index.html">Cascading Style Sheets</a> allows authors to suppress bullets, use images as list item markers, and more.</p>
<div class=transitional>
<p>The <a href="../deprecated.html">deprecated</a> <strong class=html>TYPE</strong> attribute of <strong class=html>UL</strong> suggests the bullet style on visual browsers. Possible values are as follows:</p>
<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>
<p>The bullet style on an individual list item can be suggested using the <strong class=html>TYPE</strong> attribute of <strong class=html><a href="li.html">LI</a></strong>. The <a href="../../css/classification/list-style-type.html">list-style-type</a> property of <abbr class=initialism title="Cascading Style Sheets"><a href="../../css/index.html">CSS</a></abbr> provides greater flexibility in suggesting bullet styles.</p>
<p>The <a href="../deprecated.html">deprecated</a> <strong class=html>COMPACT</strong> attribute suggests that visual browsers render the list compactly, perhaps with reduced spacing between items. This attribute is not well supported among browsers.</p>
</div>
<h2>More Information</h2>
<ul>
<li><a href="http://www.w3.org/TR/REC-html40/struct/lists.html#edef-UL">UL 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#ul">UL 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">UL in HTML2.0 Standard</a></li>
<li><a href="../../wilbur/list/ul.html">UL in <abbr class=initialism title="Web Design Group">WDG</abbr> HTML3.2 Reference</a></li>
<li><a href="http://www.malibutelecom.com/yucca/HTML3.2/5.62.html">UL 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><img src="../wdglogo-small.gif" width=105 height=40 alt="Web Design Group ~"> <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>Copyright © 1998 by <a href="http://www.htmlhelp.com/%7Eliam/">Liam Quinn</a>. This material may be distributed only subject to the terms and conditions set forth in the Open Publication License, v1.0 or later (the latest version is presently available at <a href="http://www.opencontent.org/openpub/">http://www.opencontent.org/openpub/</a>).</p>
</div>
</body>
</html>
|