?? 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 + -