HTML 列表

2017-09-07
摘抄自W3school-HTML 列表
希望幫助自己系統地打好基礎,也能在做筆記的同時添加一些自己額外的收獲。

HTML 支持有序、無序和定義列表

無序列表

無序列表是一個項目的列表,此列項目使用粗體圓點(典型的小黑圓圈)進行標記。
無序列表始于 <ul> 標簽。每個列表項始于 <li>。

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

無序列表可以通過type屬性指定樣式,如disc(實心圓點)、circle(空心圓)、square(實心方形)

列表項內部可以使用段落、換行符、圖片、鏈接以及其他列表等等。

有序列表

同樣,有序列表也是一列項目,列表項目使用數字進行標記。
有序列表始于 <ol> 標簽。每個列表項始于 <li> 標簽。

<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

可以通過start屬性指定開始的序號

有序列表可以通過type屬性指定樣式,如"A"、"a"、"I"、"i"

列表項內部可以使用段落、換行符、圖片、鏈接以及其他列表等等。

定義列表

自定義列表不僅僅是一列項目,而是項目及其注釋的組合。
自定義列表以 <dl> 標簽開始。每個自定義列表項以 <dt> 開始。每個自定義列表項的定義以 <dd> 開始。

<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>

定義列表的列表項內部可以使用段落、換行符、圖片、鏈接以及其他列表等等。

可以使用嵌套列表

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 無序列表 無序列表是一個項目的列表,此列項目使用項目符號進行標記。 無序列表始于 標簽。每個列表項始于 。 項目...
    qin7zhen閱讀 330評論 1 2
  • html有三種列表:有序列表、無序列表、自定義列表 有序列表:有序列表是一列項目,列表項目使用數字進行標記。 有序...
    __Qiao閱讀 436評論 0 1
  • 什么是html列表 html列表分為有序列,無序列表和自定義列表。 1.無序列表:無序列表是一個項目的列表,此列項...
    zj_zxj閱讀 336評論 0 1
  • 大家都看過西游記,但是大家看的,西游記是被改編過的。吳承恩的西游記偏向于黑暗。下面小編就為大家講一講西游記背后的故...
    來自外太空的魚閱讀 355評論 0 0
  • 我從來都是這樣 這件事一直都是這樣做的 我們都一樣,不懂變通。 也忽略了時代的改變,科技的創新。 只看到事物的表面...
    蒔語閱讀 372評論 0 0