HTML 學習筆記 列表

2022-06-25 22:36:16 字數 2585 閱讀 1341

html中列表使用標籤和 來實現,不同的行用標籤來實現 中包含的就是列表每行的內容。列表包含有序列表和 無序列表

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

自定義列表以 標籤開始。每個自定義列表項以 開始。每個自定義列表項的定義以 開始。

例項不同型別的無序列表

<

body

>

<

h4>disc 專案符號列表

h4>

<

ul type

="disc"

>

<

li>蘋果

li>

<

li>香蕉

li>

<

li>檸檬

li>

ul>

<

h4>circle 專案符號列表

h4>

<

ul type

="circle"

>

<

li>蘋果

li>

<

li>香蕉

li>

<

li>檸檬

li>

ul>

<

h4>square 專案符號列表

h4>

<

ul type

="square"

>

<

li>蘋果

li>

<

li>香蕉

li>

<

li>檸檬

li>

ul>

body

>

不同型別的有序列表

<

body

>

<

h4>數字列表

h4>

<

ol>

<

li>蘋果

li>

<

li>香蕉

li>

<

li>檸檬

li>

ol>

<

h4>字母列表

h4>

<

ol type

="a"

>

<

li>蘋果

li>

<

li>香蕉

li>

<

li>檸檬

li>

ol>

<

h4>小寫字母列表

h4>

<

ol type

="a"

>

<

li>蘋果

li>

<

li>香蕉

li>

<

li>檸檬

li>

ol>

<

h4>羅馬字母列表:

h4>

<

ol type

="i"

>

<

li>蘋果

li>

<

li>香蕉

li>

<

li>檸檬

li>

<

li>桔子

li>

ol>

<

h4>小寫羅馬字母列表:

h4>

<

ol type

="i"

>

<

li>蘋果

li>

<

li>香蕉

li>

<

li>檸檬

li>

<

li>桔子

li>

ol>

body

>

巢狀列表

<

body

>

<

h4>巢狀列表

h4>

<

ol>

<

li>

茶:

<

ul>

<

li>紅茶

li>

<

li>綠茶

li>

ul>

li>

<

li>香蕉

li>

<

li>檸檬

li>

ol>

body

>

自定義列表

<

body

>

<

h4>自定義列表

h4>

<

dl>

<

dt>計算機

dt>

<

dd>注釋:用來計算的機器

dd>

<

dt>顯示器

dt>

<

dd>以視覺方式顯示資訊的裝置

dd>

dl>

body

>

html列表的學習就到這裡了。

HTML學習筆記 列表和table

1 有序列表 無序列表和自定義列表 無標題文件 title head body ol type a li 有序列表1 li li 有序列表2 li li 有序列表3 li li 有序列表4 li li 有序列表5 li ol ul type circle li 無序列表1 li li 無序列表2 l...

前端html學習筆記 列表標籤

是用來顯示資料的,列表是用來布局的 1.列表包括三大類 無序列表 有序列表 自定義列表 一.無序列表 無序列表的基本語法格式如下 中只能巢狀,不可以在標籤中插入其他標籤 之間相當於乙個容器,可以容納所有元素 二.有序列表 即為有排列順序的列表 有序列表的基本語法格式如下 標籤用於定義有序列表,列表排...

HTML學習筆記(6) 列表

html支援有序 無序和定義列表,下面分別說明並給出例子。1 有序列表 有序列表使用的是標籤開始 標籤下的每一項開始於標籤。有序標籤的序號可是是數字 大寫字母 小寫字母 大寫羅馬數字 小寫羅馬數字,下面分別一一介紹 特別說明 在瀏覽器中預設有序列表是使用數字進行編號 coffee milk 在標籤o...