2017-02-26 分類: 網(wǎng)站建設
列表Lists
HTML 支持不編號 unnumbered, 編號numbered, 和定義definition 三種列表. 你也可以嵌套列表, 但是不要嵌套過多,否則會使讀者感到不清晰。
不編號列表Unnumbered Lists
制作一個不編號的,公告式列表,
用開始標記 <UL> ( unnumbered list 的簡記) 開始
輸入 <LI> (list item) 標記,后面跟獨立的項; 不需使用 </LI> 標記
用 </UL> 標記結束整個列表
下面是一個有三個項的列表:
<UL>
<LI> apples
<LI> bananas
<LI> grapefruit
</UL>
輸出形式為:
apples
bananas
grapefruit
<LI> 項可以含有多個段落. 用段落標記 <P> 指明.
編號列表Numbered Lists
編號列表 (也稱為 有序列表ordered list) 和不編號列表相同, 只是用 <OL> 代替 <UL>. 各項同樣用 <LI> 標記. 下面的 HTML 代碼:
<OL>
<LI> oranges
<LI> peaches
<LI> grapes
</OL>
產生的輸出為:
oranges
peaches
grapes
定義列表Definition Lists
定義列表 (編碼為 <DL>) 通常含有交替出現(xiàn)的 定義術語definition term (編碼為 <DT>) 和定義描述definition definition (編碼為 <DD>). Web 瀏覽器通常另起一行顯示定義描述.
下面是一個定義列表的例子:
<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> 項可以包含多個段落 (用 <P> 標記指示), 列表, 或其他的定義信息.
COMPACT 屬性可能會被經常使用,如果你的定義術語很簡短的話. 例如,如果你想顯示一些計算機選項, 它們可以和定義的開始處于同一行中.
<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
列表可以嵌套. 在每個列表項中,你還可以含有多個段落,每個段落含有嵌套列表
當前名稱:HTML 初學者指南
當前URL:http://www.rwnh.cn/news21/74421.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供電子商務、品牌網(wǎng)站設計、手機網(wǎng)站建設、定制開發(fā)、網(wǎng)站內鏈、定制網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內容