列表Lists
HTML 支持不編號(hào) unnumbered, 編號(hào)numbered, 和定義definition 三種列表. 你也可以嵌套列表, 但是不要嵌套過多，否則會(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ù)語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ù)語很簡(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è)段落含有嵌套列表

當(dāng)前名稱：HTML 初學(xué)者指南
當(dāng)前URL：http://chinadenli.net/news21/74421.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供電子商務(wù)、品牌網(wǎng)站設(shè)計(jì)、手機(jī)網(wǎng)站建設(shè)、定制開發(fā)、網(wǎng)站內(nèi)鏈、定制網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)