HTML列表元素

2022-08-21 06:42:08 字數 2794 閱讀 4080

有序列表

屬性:type(設定樣式),reversed (降序)

無序列表

表示列表中的項

如圖1所示的是正序的有序列表,**如下

圖1為實現降序,就需要使用reversed,效果如圖2所示。

圖2 type元素

將type設定為"a",則列表序號從『a』開始向下,效果如圖3列表3所示

圖3將type設定為"i",則列表序號從『i』開始向下(羅馬數字),效果如圖4列表4所示

圖4將type設定為"i",則列表序號從『i』開始向下(羅馬數字),效果如圖5列表5所示

圖5

圖6使用下述**就可以實現如圖6的效果。

doctype html

>

<

html

lang

="en"

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>title

title

>

head

>

<

body

>

<

ol>

<

li>處理影象

li>

<

ol type

="a"

>

<

li>在頁面上插入

li>

<

li>從和檔案列印樣式中提取文字

li>

<

li>在筆記本頁面上插入螢幕剪輯

li>

<

li>裁剪

li>

<

li>在頁面上組合

li>

ol>

<

li>處理**

li>

<

ol type

="a"

>

<

li>設定**格式

li>

<

li>插入**

li>

<

ol type

="i"

>

<

li>插入一**

li>

<

li>tab鍵,回車鍵建立**

li>

ol>

ol>

<

li>建立專案符號列表或者編號列表

li>

ol>

<

br>

body

>

html

>

無序序列ul

圖7

html5中列表元素

listtitle head 無序列錶用ul定義,用li包含定義的子元素 第一章li 第二章li 第三章li ul div 有序列錶用ol定義,用li包含定義的子元素,其中start表示的是開始的起始數字,type表示的是編號型別,其中1表示的是數字編號,a或a表示字母編號,i或i表示羅馬數字 st...

HTML標籤元素常用列表

可見文字.最小的標題 這是乙個段落。換行 水平線 粗體文字計算機 強調文字 斜體文字 鍵盤輸入預格式化文字 更小的文字重要的文字 縮寫 聯絡資訊 文字方向 從另乙個源引用的部分 工作的名稱 刪除的文字 插入的文字 下標文字 上標文字 傳送e mail 書籤 提示部分 跳到提示部分 文件中的塊級元素 ...

HTML5列表元素

列表元素可以有如下標籤 標籤定義有序列表 特別屬性有 type 設定樣式 reversed 降序 type屬性可以設定不同的專案符號,值可選disc circle square 列表項內部可以使用段落,換行符,鏈結以及其它列表等。有序列表也是一列專案,列表專案使用數字進行標記。有序列表始於標籤。每個...