HTML自學之旅(五) 列表

2022-08-04 07:36:10 字數 3614 閱讀 9175

這個內容較少,也很簡單

<

html

>

<

body

>

<

h4>無序列表:列表項內部可以使用段落、換行符、、鏈結以及其他列表等等。

h4>

<

ul>

<

li>coffee

li>

<

li>milk

li>

ul>

<

h4>有序列表:列表項內部可以使用段落、換行符、、鏈結以及其他列表等等。

h4>

<

ol>

<

li>coffee

li>

<

li>milk

li>

ol>

<

h4>有序列表:、鏈結以及其他列表等等。

h4>

<

ol>

<

li>coffee

li>

<

li>

<

img

src="c:\users\ideal\desktop\^_^\webweb\img\鼓掌.gif"

/>

li>

<

li>

<

a href

=""a>

li>

<

li>

<

ul>

<

li>coffee

li>

<

li>milk

li>

ul>

li>

ol>

<

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

h4>

<

dl>

<

dt>coffee

dt>

<

dd>black hot dring

dd>

<

dt>milk

dt>

<

dd>white cold dring

dd>

dl>

<

h4>不同型別的無序列表:

h4>

<

ul type

="disc"

>

<

li>coffee

li>

<

li>milk

li>

<

li>orange

li>

ul>

<

ul type

="circle"

>

<

li>coffee

li>

<

li>milk

li>

<

li>orange

li>

ul>

<

ul type

="square"

>

<

li>coffee

li>

<

li>milk

li>

<

li>orange

li>

ul>

<

h4>不同型別的無序列表:

h4>

<

p>預設為數字列表

p>

<

ol>

<

li>coffee

li>

<

li>milk

li>

<

li>orange

li>

ol>

<

p>大寫字母列表

p>

<

ol type

="a"

>

<

li>coffee

li>

<

li>milk

li>

<

li>orange

li>

ol>

<

p>小寫字母列表

p>

<

ol type

="a"

>

<

li>coffee

li>

<

li>milk

li>

<

li>orange

li>

ol>

<

p>大寫羅馬數字列表

p>

<

ol type

="i"

>

<

li>coffee

li>

<

li>milk

li>

<

li>orange

li>

<

li>coffee

li>

<

li>milk

li>

<

li>orange

li>

ol>

<

p>小寫羅馬數字列表

p>

<

ol type

="i"

>

<

li>coffee

li>

<

li>milk

li>

<

li>orange

li>

<

li>coffee

li>

<

li>milk

li>

<

li>orange

li>

ol>

<

h4>巢狀列表:

h4>

<

ul>

<

li>咖啡

li>

<

li>

<

ul>

<

li>紅茶

li>

<

li>綠茶

li>

<

ul>

<

li>中國茶

li>

<

li>非洲茶

li>

ul>

ul>

li>

<

li>牛奶

li>

<

li>果汁

li>

ul>

<

h4>再來乙個定義列表:

h4>

<

dl>

<

dt>計算機哇

dt>

<

dd>是乙個很強大的東西<

dd>

<

dt>電腦哇

dt>

<

dd>其實跟計算機是乙個東西哇<

dd>

dl>

body

>

html

>

編寫**的時候還是應該注意層次,慢慢養成習慣哈

html自學筆記五 列表

前言 這一節學習列表內容,列表分為無序列表和有序列表 無序列表 有序列表 列表項1li 列表項1li 列表項1li 列表項1li 列表項1li 列表項1li ul type circle 列表項1li 列表項1li 列表項1li 列表項1li 列表項1li 列表項1li ul type square...

HTML筆記(三) 列表

1.無序ul標籤 html body h4 乙個無序列表 h4 ul li 咖啡 li li 茶 li li 牛奶 li ul body html 效果 值描述disc 預設值。實心圓。circle 空心圓。square 實心方塊。2.有序ol標籤 html body type i ol li 咖啡...

HTML學習03 列表

標籤用於定義有序列表,列表排序以數字來顯示,並且使用標籤來定義列表項。有序列表的基本語法格式如下 列表項1 列表項2 列表項3 標籤用於定義描述列表 或定義列表 該標籤會與 定義專案 名字 和 描述每乙個專案 名字 一起使用。自定義列表的基本語法格式如下 名詞1 名詞1解釋1 名詞1解釋2 名詞2 ...