列表Lists HTML 支持不編號(hào) unnumbered, 編號(hào)numbered, 和定義definition 三種列表. 你也可以嵌套列表, 但是不要嵌套過(guò)多,否則會(huì)使讀者感到不清晰。
不編號(hào)列表Unnumbered Lists
制作一個(gè)不編號(hào)的,公告式列表,
用開始標(biāo)記 <UL> ( unnumbered list 的簡(jiǎn)記) 開始 輸入 <LI> (list item) 標(biāo)記,后面跟獨(dú)立的項(xiàng); 不需使用 </LI> 標(biāo)記 用 </UL> 標(biāo)記結(jié)束整個(gè)列表 下面是一個(gè)有三個(gè)項(xiàng)的列表:
<UL> <LI> apples <LI> bananas <LI> grapefruit </UL>
輸出形式為:
apples bananas grapefruit <LI> 項(xiàng)可以含有多個(gè)段落. 用段落標(biāo)記 <P> 指明.
編號(hào)列表Numbered Lists
編號(hào)列表 (也稱為 有序列表ordered list) 和不編號(hào)列表相同, 只是用 <OL> 代替 <UL>. 各項(xiàng)同樣用 <LI> 標(biāo)記. 下面的 HTML 代碼:
<OL> <LI> oranges <LI> peaches <LI> grapes </OL>
產(chǎn)生的輸出為:
oranges peaches grapes 定義列表Definition Lists
定義列表 (編碼為 <DL>) 通常含有交替出現(xiàn)的 定義術(shù)語(yǔ)definition term (編碼為 <DT>) 和定義描述definition definition (編碼為 <DD>). Web 瀏覽器通常另起一行顯示定義描述.
下面是一個(gè)定義列表的例子:
<DL> <DT> NCSA <DD> NCSA, the National Center for Supercomputing Applications, is located on the campus of the University of Illinois at Urbana-Champaign. <DT> Cornell Theory Center <DD> CTC is located on the campus of Cornell University in Ithaca, New York. </DL>
輸出形式為:
NCSA NCSA, the National Center for Supercomputing Applications, is located on the campus of the University of Illinois at Urbana-Champaign. Cornell Theory Center CTC is located on the campus of Cornell University in Ithaca, New York. <DT> 和 <DD> 項(xiàng)可以包含多個(gè)段落 (用 <P> 標(biāo)記指示), 列表, 或其他的定義信息.
COMPACT 屬性可能會(huì)被經(jīng)常使用,如果你的定義術(shù)語(yǔ)很簡(jiǎn)短的話. 例如,如果你想顯示一些計(jì)算機(jī)選項(xiàng), 它們可以和定義的開始處于同一行中.
<DL COMPACT> <DT> -i <DD>invokes NCSA Mosaic for Microsoft Windows using the initialization file defined in the path <DT> -k <DD>invokes NCSA Mosaic for Microsoft Windows in kiosk mode </DL>
輸出形式為:
-i invokes NCSA Mosaic for Microsoft Windows using the initialization file defined in the path. -k invokes NCSA Mosaic for Microsoft Windows in kiosk mode. 嵌套列表Nested Lists
列表可以嵌套. 在每個(gè)列表項(xiàng)中,你還可以含有多個(gè)段落,每個(gè)段落含有嵌套列表.
出處:
責(zé)任編輯:冬兒
上一頁(yè) HTML 初學(xué)者指南(二) 下一頁(yè) HTML 初學(xué)者指南(四)
◎進(jìn)入論壇網(wǎng)頁(yè)制作、網(wǎng)站綜合版塊參加討論
|