有序列表
<ol type="A", start="C"> <!--ordered list--> <li>第一項(xiàng)</li> <li>第二項(xiàng)</li> </ol>
無序列表
<ul type="disc"> <!--unordered list--> <!--還有兩種type:circle,square--> <li>第一項(xiàng)</li> <li>第二項(xiàng)</li> </ul>
定義列表
定義列表由定義條件(definition term)和定義描述(definition description)構(gòu)成
<dt>標(biāo)記后面添加要解釋的名詞 <dd>標(biāo)記后面添加名詞的具體解釋
<dl type="disk"> <!--definition list--> <!--還有兩種type:circle,square--> <dt>CSS</dt> <dd>Cascating Style Sheets</dd> </dl>
栗子:
立即學(xué)習(xí)“前端免費(fèi)學(xué)習(xí)筆記(深入)”;
<!doctype html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" <meta name="description" content="設(shè)置頁面說明"> <title>網(wǎng)頁1</title> </head> <body> <h1>標(biāo)題</h1> <hr> <ol type="A", start="3"> <!--ordered list--> <li>第一項(xiàng)</li> <li>第二項(xiàng)</li> </ol> <ul type="disc"> <!--unordered list--> <!--還有兩種type:circle,square--> <li>第一項(xiàng)</li> <li>第二項(xiàng)</li> </ul> <dl type="disk"> <!--definition list--> <dt>CSS</dt> <dd>Cascating Style Sheets</dd> </dl> </body> </html>
輸出效果:
以上這篇淺談html有序列表、無序列表與定義列表就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持PHP中文網(wǎng)。
更多淺談html有序列表、無序列表與定義列表相關(guān)文章請關(guān)注PHP中文網(wǎng)!
HTML怎么學(xué)習(xí)?HTML怎么入門?HTML在哪學(xué)?HTML怎么學(xué)才快?不用擔(dān)心,這里為大家提供了HTML速學(xué)教程(入門課程),有需要的小伙伴保存下載就能學(xué)習(xí)啦!
微信掃碼
關(guān)注PHP中文網(wǎng)服務(wù)號(hào)
QQ掃碼
加入技術(shù)交流群
Copyright 2014-2025 http://m.miracleart.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號(hào)