HTML——列表

無序列表

無序列表是一個項目的列表,此列項目使用項目符號進行標記。

  • 無序列表始于<ul> 標簽。每個列表項始于<li>。
  • 項目符號:"disc"黑色圓點(默認),"circle"白色圓點,"square"黑色方塊。
  • 列表項內(nèi)部可以使用段落、換行符、圖片、鏈接以及其他列表等等。
<ul type = "disc">
  <li>JavaScript</li>
  <li>Java</li>
</ul>
無序列表
無序列表

有序列表

有序列表也是一個項目的列表,列表項目使用數(shù)字進行標記。

  • 有序列表始于<ol> 標簽。每個列表項始于<li>
  • 列表項內(nèi)部可以使用段落、換行符、圖片、鏈接以及其他列表等等。
<ol>
  <li>第一章</li>
  <li>第二章</li>
</ol>
有序列表
有序列表

自定義列表

自定義列表不僅僅是一列項目,而是項目及其注釋的組合。

  • 自定義列表以<dl>標簽開始。每個自定義列表項以<dt>開始。每個自定義列表項的定義以<dd>開始。
  • 定義列表的列表項內(nèi)部可以使用段落、換行符、圖片、鏈接以及其他列表等等。
<dl>
   <dt>計算機</dt>
   <dd>用來計算的儀器 ... ...</dd>
   <dt>顯示器</dt>
   <dd>以視覺方式顯示信息的裝置 ... ...</dd>
</dl>
自定義列表
自定義列表

代碼實現(xiàn)

Github

效果展示
效果展示

Reference

W3School上的HTML基礎(chǔ)教程:http://www.w3school.com.cn/html/index.asp

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

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

  • 2017-09-07摘抄自W3school-HTML 列表希望幫助自己系統(tǒng)地打好基礎(chǔ),也能在做筆記的同時添加一些自...
    moralok閱讀 273評論 0 0
  • 作業(yè)內(nèi)容 使用HTML實現(xiàn)如下列表 知識點 : HTML列表使用 無序列表 無序列表是一個項目的列表,此列項目使用...
    z嘉嘉嘉閱讀 755評論 0 1
  • html有三種列表:有序列表、無序列表、自定義列表 有序列表:有序列表是一列項目,列表項目使用數(shù)字進行標記。 有序...
    __Qiao閱讀 436評論 0 1
  • 1、 那羅延出生在般若寺,父親是西魏大將。據(jù)說他出生時赤光滿室,紫氣充庭,寺中的神尼智仙說他天生異相,是注定要得天...
    靈廚閱讀 2,886評論 1 7
  • 昨天LY在文中說她最近有些糾結(jié),主要是離職的事情。她現(xiàn)在是一名開發(fā)工程師,想轉(zhuǎn)行去做測試工程師。她的糾結(jié)在于她在這...
    路元閱讀 404評論 3 5