零基礎(chǔ)學(xué)Web前端開發(fā)(4)

html列表概述

列表分為三類:1、有序列表(ol),2、無序列表(ul),3、定義列表(dl)

有序列表的列表項目有先后順序之分。無序列表的所有列表項之間沒有先后順序之分。定義列表是一組帶有特殊含義的列表,一個列表項目里包含條件和說明兩部分。

有序列表
無序列表
定義列表

一、有序列表(ol)

有序列表用標簽<ol>配合<li>使用,一般情況,<ol>標簽里只能有<li>標簽(嵌套表格除外)。在<ol>標簽內(nèi)添加文本只能在<li>標簽內(nèi)添加

有序列表的type屬性:

通過有序列表type屬性來改變列表項符號。

有序列表type屬性
寫法示例
顯示效果

二、無序列表(ul)

無序列表是<ul>標簽與<li>標簽配合使用,一般情況<ul>內(nèi)不能含有其他標簽(嵌套表格除外)。在<ul>標簽內(nèi)的文本只能在<li>標簽里面添加

無序列表的type屬性

用于控制列表項符號。我們可以改變type屬性值來調(diào)整列表項符號。

無序列表type屬性
代碼示例與顯示效果

三、定義列表<dl>

定義列表由兩部分組成:定義條件<dt>和定義描述<dd>。

在該語法中,<dl》標記和</dl>標記分別定義了定義列表的開始和結(jié)束,<dt>標簽后面添加要解釋的名詞,而在<dd>后面則添加該名詞的具體解釋。

代碼示例與效果
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 轉(zhuǎn)載請聲明 原文鏈接地址 關(guān)注公眾號獲取更多資訊 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位...
    前端進階之旅閱讀 16,874評論 32 459
  • 一,有序列表、無序列表、自定義列表如何使用?寫個簡單的例子。三者在語義上有什么區(qū)別?在哪些情況下使用哪種(重要)?...
    kingBirds閱讀 892評論 0 0
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,545評論 19 139
  • HTML標簽解釋大全 一、HTML標記 標簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,527評論 1 41
  • 一、有序列表、無序列表、自定義列表如何使用?寫個簡單的例子。三者在語義上有什么區(qū)別?在哪些情況下使用哪種(重要)?...
    hk_kh閱讀 845評論 0 0

友情鏈接更多精彩內(nèi)容