列表初步

無(wú)序列表(ul)

標(biāo)簽:<ul></ul>

用法:<ul>

? ? ? ? ? ? ? ? ? ? <li>內(nèi)容</li>5

? ? ? ? ? ? ? ? ? ?.......

? ? </ul>

注意:

1.在html5中不再支持該元素的type屬性

2.<li>與</li>之間相當(dāng)于一個(gè)容器,可以容納所有的元素。但是<ul></ul>中只能嵌套<li></li>,直接在<ul></ul>標(biāo)記中輸入文字的做法是不被允許的。

有序列表(ol)

標(biāo)簽:<ol></ol>

用法:

<ol>

? ? ? ? ? ? ? <li>內(nèi)容</li>

? ? ? ? ? ? ? .......

</ol>

控制有序列表的起始位置:<ol start="2..">

使有序列表倒序輸出:<ol start="3..." reversed>

定義列表(dl)

解釋?zhuān)憾x列表常用于對(duì)術(shù)語(yǔ)或名詞進(jìn)行解釋和描述,與無(wú)序和有序列表不同,定義列表的列表項(xiàng)前沒(méi)有任何項(xiàng)目符號(hào)。

基本語(yǔ)法:

<dl>

<dt>名詞1</dt>

? ? ? ? ? ?<dd>名詞1解釋1</dd>

? ? ? ? ? <dd>名詞1解釋2</dd>

? ? ? ? ? ?.....

<dt>名詞2</dt>

<dd> 名詞2解釋1</dd>

<dd>名詞2解釋2</dd>

? ?........

</dl>

最後編輯於
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者

推薦閱讀更多精彩內(nèi)容

  • 問(wèn)答題47 /72 常見(jiàn)瀏覽器兼容性問(wèn)題與解決方案? 參考答案 (1)瀏覽器兼容問(wèn)題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,801評(píng)論 1 92
  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,316評(píng)論 25 708
  • 一,有序列表、無(wú)序列表、自定義列表如何使用?寫(xiě)個(gè)簡(jiǎn)單的例子。三者在語(yǔ)義上有什么區(qū)別?在哪些情況下使用哪種(重要)?...
    kingBirds閱讀 848評(píng)論 0 0
  • Spring Cloud為開(kāi)發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見(jiàn)模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 134,933評(píng)論 18 139
  • 故事簡(jiǎn)介|唐,開(kāi)元十四年,夜,宵禁。一陣風(fēng)吹過(guò)街道,然后隨著風(fēng)的,一盞盞燈籠從一個(gè)個(gè)小巷子亮起,飄過(guò)…… 燈籠在朱...
    遛遛心情的溜媽閱讀 1,309評(píng)論 3 11