📄 6-2-1.cfm.htm
字号:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>使用列表</title>
<meta name="GENERATOR" content="Microsoft FrontPage 3.0">
</head>
<body>
<font FACE="宋体" SIZE="5"><b>
<p ALIGN="JUSTIFY">使用列表</p>
</b></font><font FACE="宋体" SIZE="3">
<p ALIGN="JUSTIFY">在很多情况下，你想在你的网页上显示一个信息列表。例如，你想显示一个你喜欢的网点的列表，或者你要显示一个参观你网点的10个理由的列表，或者你非常想列出你喜欢的话语，HTML包含了许多标识符来实现这些目的。</p>
</font><font FACE="宋体"><b>
<p ALIGN="JUSTIFY">建立无次序列表</p>
</b></font><font FACE="宋体" SIZE="3">
<p ALIGN="JUSTIFY">最简单类型的列表是无次序列表。当你需要一个简单的方法来列出一些项时，就可以使用这种类型的列表（见图6.12）。例如，你可以建立一个你喜欢网点的无次序列表，象下面的例子：</p>
<p ALIGN="JUSTIFY"><HTML></p>
<p ALIGN="JUSTIFY"><HEAD> <TITLE> Unordered List </TITLE></HEAD></p>
<p ALIGN="JUSTIFY"><BODY></p>
<p ALIGN="JUSTIFY"><UL></p>
<p ALIGN="JUSTIFY"><LI> <A HREF=?/FONT><a HREF="javascript:if(confirm('http://www.hotwired.com/ \n\n文件并未按 Teleport Pro 取回, 因为 它的域或路径超过启始网址中设定的范围。 \n\n你要从服务器上打开它吗? '))window.location='http://www.hotwired.com/'" tppabs="http://www.hotwired.com/"><font
FACE="宋体" SIZE="3" COLOR="#0000ff"><u>http://www.hotwired.com</u></font></a>?gt;
Hotwired </A></p>
<p ALIGN="JUSTIFY"><LI> <A HREF=?/FONT></font><font FACE="宋体" SIZE="3"
COLOR="#0000ff"><a HREF="javascript:if(confirm('http://www.hotwired.com/ \n\n文件并未按 Teleport Pro 取回, 因为 它的域或路径超过启始网址中设定的范围。 \n\n你要从服务器上打开它吗? '))window.location='http://www.hotwired.com/'" tppabs="http://www.hotwired.com/"><u>http://www.byte.com</u></a></font><font
FACE="宋体" SIZE="3">?gt; Byte Magazine </A></p>
<p ALIGN="JUSTIFY"><LI> <A HREF=?/FONT></font><font FACE="宋体" SIZE="3"
COLOR="#0000ff"><a HREF="javascript:if(confirm('http://www.hotwired.com/ \n\n文件并未按 Teleport Pro 取回, 因为 它的域或路径超过启始网址中设定的范围。 \n\n你要从服务器上打开它吗? '))window.location='http://www.hotwired.com/'" tppabs="http://www.hotwired.com/"><u>http://www.microsoft.com</u></a></font><font
FACE="宋体" SIZE="3">?gt; Microsoft </A></p>
<p ALIGN="JUSTIFY"></UL></p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY"><img SRC="Image45.gif" tppabs="http://210.74.168.175/guide/asp/part6/Image45.gif" WIDTH="595" HEIGHT="410"></p>
<b>
<p ALIGN="CENTER">图6.12 无次序列表</p>
</b>
<p ALIGN="JUSTIFY"><UL>标识符包含了列表项，每一个列表项用<LI>标识符来定义，你可以根据需要列出任意多的项。</p>
<p ALIGN="JUSTIFY">当这个HTML文件显示时，在每一个列表项的前面都显示一个点。缺省状态下这个点是实心圆点。然而，你也可以使用<UL>的TYPE属性来改变这个点的形状。你可以将点的形状设为圆形、方形或圆圈。下列的文件建立了三个只有一个选项的列表，每个列表都显示了一种点：</p>
<p ALIGN="JUSTIFY"><HTML></p>
<p ALIGN="JUSTIFY"><HEAD> <TITLE> Unordered List </TITLE></HEAD></p>
<p ALIGN="JUSTIFY"><BODY></p>
<p ALIGN="JUSTIFY"><UL TYPE=“DISC”></p>
<p ALIGN="JUSTIFY"><LI> I have a disc next to me.</p>
<p ALIGN="JUSTIFY"></UL></p>
<p ALIGN="JUSTIFY"><UL TYPE=“SQUARE”></p>
<p ALIGN="JUSTIFY"><LI> I have a square next to me.</p>
<p ALIGN="JUSTIFY"></UL></p>
<p ALIGN="JUSTIFY"><UL TYPE=“CIRCLE”></p>
<p ALIGN="JUSTIFY"><LI> I have a empty circle next to me.</p>
<p ALIGN="JUSTIFY"></UL></p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY">在Netscape Navigator中，每个列表都显示出一种不同形状的点，而Internet
Explorer（包括版本4.0）忽略这个属性，所有点显示出来都是实心圆点。</p>
<p ALIGN="JUSTIFY">你可以在一个无次序列表中套入另一个列表，这对于将一个列表分成几个不同部分是很有用的。例如，你可能需要根据不同的类型将你喜爱的网点进行分类列表：</p>
<p ALIGN="JUSTIFY"><HTML></p>
<p ALIGN="JUSTIFY"><BODY></p>
<p ALIGN="JUSTIFY"><UL></p>
<p ALIGN="JUSTIFY"><LI> Magazine Web Sites</p>
<p ALIGN="JUSTIFY"><UL></p>
<p ALIGN="JUSTIFY"><LI> <A HREF=“</font><font FACE="宋体" SIZE="3"
COLOR="#0000ff"><a HREF="javascript:if(confirm('http://www.byte.com/ \n\n文件并未按 Teleport Pro 取回, 因为 它的域或路径超过启始网址中设定的范围。 \n\n你要从服务器上打开它吗? '))window.location='http://www.byte.com/'" tppabs="http://www.byte.com/"><u>http://www.byte.com</u></a></font><font
FACE="宋体" SIZE="3">”> BYTE </A></p>
<p ALIGN="JUSTIFY"></UL></p>
<p ALIGN="JUSTIFY"><LI> Company Web Sites</p>
<p ALIGN="JUSTIFY"><UL></p>
<p ALIGN="JUSTIFY"><LI> <A HREF=“</font><font FACE="宋体" SIZE="3"
COLOR="#0000ff"><a HREF="javascript:if(confirm('http://www.byte.com/ \n\n文件并未按 Teleport Pro 取回, 因为 它的域或路径超过启始网址中设定的范围。 \n\n你要从服务器上打开它吗? '))window.location='http://www.byte.com/'" tppabs="http://www.byte.com/"><u>http://www.microsoft.com</u></a></font><font
FACE="宋体" SIZE="3">”> Microsoft </A></p>
<p ALIGN="JUSTIFY"></UL></p>
<p ALIGN="JUSTIFY"></UL></p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY">如果你在Netscape Navigator上显示这个HTML文件，你会注意到在每一级分类的前面都有一个不同类型的点。缺省状态下，最上层的列表显示一个圆点，下一级显示一个圆圈，而再下面的所有级都使用方块，你可以使用TYPE属性来改变点的形状。</p>
</font>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -