html下文迅速瀏覽
發(fā)表時(shí)間：2023-09-06 來(lái)源：明輝站整理相關(guān)軟件相關(guān)文章人氣：
[摘要]列表是一種非常有用的數(shù)據(jù)展現(xiàn)方式,可以擴(kuò)展出非常多的有意思的功能,例如導(dǎo)航,布局等。列表主要有三種: 1. 無(wú)序列表: <ul>標(biāo)簽,必須與<li>子標(biāo)簽配對(duì)使用 2. 有序列表: <ol>標(biāo)簽,與<ul>使用規(guī)則一樣,可以看作是無(wú)序列表的一個(gè)特例,...
列表是一種非常有用的數(shù)據(jù)展現(xiàn)方式,可以擴(kuò)展出非常多的有意思的功能,例如導(dǎo)航,布局等。
列表主要有三種:
1. 無(wú)序列表: <ul>標(biāo)簽,必須與<li>子標(biāo)簽配對(duì)使用
2. 有序列表: <ol>標(biāo)簽,與<ul>使用規(guī)則一樣,可以看作是無(wú)序列表的一個(gè)特例,實(shí)際開(kāi)發(fā)中使用不多
3. 自定義列表: <dl><dt><dd>非常像名詞解釋,用途非常廣泛,例如底部導(dǎo)航,內(nèi)容詳情頁(yè),聯(lián)系信息,商品描述等.
ul有一個(gè)屬性type,可以設(shè)置列表項(xiàng)前面的標(biāo)記
type="disc" 實(shí)心小黑點(diǎn),這是默認(rèn)一級(jí)列表的標(biāo)記
type="circle" 空心小圓點(diǎn),這是二級(jí)列表默認(rèn)標(biāo)記
type="square" 實(shí)心方塊
<html>
<head>
<meta charset="UTF-8">
<title>1-1.列表快速預(yù)覽</title>
</head>
<body>
<ul type="square">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>jQuery</li>
<li>Bootstrap</li>
</ul>
<hr>
<h4>單身狗的周未</h4>
<ol>
<li>自己請(qǐng)自己看場(chǎng)電影希望有艷遇</li>
<li>購(gòu)買(mǎi)充氣娃娃2個(gè)</li>
<!-- 列表是可以嵌套的 -->
<ul>
<li>冰冰款2個(gè)</li>
<li>鳳姐款1個(gè)</li>
</ul>
<li>玩"吃雞"</li>
<li>為心目中的女主播打Call</li>
</ol>
<hr>
<h4>后端編程語(yǔ)言:</h4>
<dl>
<dt>PHP</dt>
<dd>超文本預(yù)處理編程語(yǔ)言</dd>
<dt>MySQL</dt>
<dd>全球最流行的關(guān)系型數(shù)據(jù)庫(kù)管理工具</dd>
<dt>ThinkPHP5.1</dt>
<dd>國(guó)內(nèi)最流行的中文輕量級(jí)PHP開(kāi)發(fā)框架</dd>
</dl>
</body>
</html>
以上就是html列表快速預(yù)覽的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！
網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語(yǔ)，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。
