HTML列表
- HTML列表分類:
無序列表,不考慮排序,<ul>+<li>,常用於導航
有序列表,結構化列表,考慮排序,<ol>+<li>
定義列表,當作字典或術語,包含定義和描述,<dl>+<dt>+<dd>(其中,dl表示定義列表,dt定義術語,dd定義描述)
- 舉例:
無序列表:
<ul>
<li><a href="contact.html">Contact Us</a></li>
<li><a href="prices/freshwater-fish-prices.html">Price List</a></li>
<li><a href="http://www.163.com" target="_blank">Link to Netease Web</a></li>
<li><a href="downloads/all-prices.pdf">Download C++ book</a></li>
</ul>
注意:這是預設樣式,可使用CSS重新佈置這些列表,將其並排放置;也可移除小圓點,將其設計成方形點或什麼都不顯示等;
有序列表:
<ol>
<li>Step One</li>
<li>Step Two
<ol>
<li>Step 2.1</li>
<li>Step 2.2</li>
<li>Step 2.3</li>
</ol>
</li>
<li>Step Three</li>
</ol>
定義列表:
<dl>
<dt>Unordered list</dt>
<dd>Unordered list is a list without any consideration to order</dd>
<dt>Odered list</dt>
<dd>This is a list in which order is important</dd>
<dt>Definition list</dt>
<dd>Definition list contains terms and description, much like a dictionary</dd>
</dl>
相關文章
- HTML————12、HTML列表HTML
- HTML速查列表HTML
- HTML之列表HTML
- HTML 列表簡介HTML
- html列表標籤HTML
- html定義列表HTML
- HTML <ol> 有序列表HTML
- HTML datalist 選項列表HTML
- HTML <datalist> 選項列表HTML
- HTML <ul> 無序列表HTML
- HTML 速查列表簡介HTML
- HTML列表是什麼?HTML
- HTML的ul無序列表HTML
- HTML5 標籤列表HTML
- 【HTML】02有序無序列表HTML
- 常用HTML標籤2:表格和列表HTML
- HTML標記語法之列表元素HTML
- HTML5中有序列表和無序列表的寫法HTML
- 1.3 常用HTML標籤2:表格和列表HTML
- html裡列表滑動刪除的實現如此簡單HTML
- 【WEB基礎】HTML & CSS 基礎入門(4)列表及其樣式WebHTMLCSS
- HTML5 Canvas 資料持久化儲存之屬性列表HTMLCanvas持久化
- React-列表元件(通知列表、私信列表、虛擬列表)React元件
- 列表
- list列表運算子,列表元素的遍歷,列表的方法,生成列表,巢狀的列表|python自學筆記(四)巢狀Python筆記
- 【Qt6】列表模型——樹形列表QT模型
- 字串形式的列表,字典轉列表,字典字串
- C++--Win32--列表編輯--獲取列表內容--獲取列表行數--修改列表內容C++Win32
- 易優CMS模板標籤adv廣告列表每3條記錄輸出如下html元素HTML
- API 列表API
- 二、列表
- Python基礎-列表操作(2):列表的遍歷和數字列表Python
- SharePoint REST API - 列表和列表項RESTAPI
- SQL獲取時間列表及月份列表SQL
- PbootCMS內容和列表頁呼叫tags列表boot
- 【Redis系列3】Redis列表物件之linkedlist(雙端列表)和ziplist(壓縮列表)及quicklick(快速列表)實現原理分析Redis物件UI
- Vue列表渲染Vue
- MySQL 命令列表MySql命令列