有序列表
有序列表前带有数字,在html中有序列表使用<ol><li></li></ol>元素表示。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
<!DOCTYPE html> < html lang = "zh" > < head > < meta charset = "UTF-8" > < title >有序列表</ title > </ head > < body > <!-- 在html中有序列表使用<ol><li></li></ol>元素表示 --> < ol > < li >洗锅</ li > < li >装米</ li > < li >淘米</ li > < li >烧火煮饭</ li > </ ol > </ body > </ html > |
无序列表
无序列表前带有圆点,在html中有序列表使用<ul><li></li></ul>元素表示。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
<!DOCTYPE html> < html lang = "zh" > < head > < meta charset = "UTF-8" > < title >无序列表</ title > </ head > < body > <!-- 在html中无序列表使用<ol><li></li></ol>元素表示 --> < ul > < li >Java</ li > < li >CSS</ li > < li >HTML</ li > < li >jQeury</ li > </ ul > </ body > </ html > |
嵌套列表
列表里面还可以有列表,这样的形式叫嵌套列表。
有序列表里可以嵌套无序列表,无序列表里可以嵌套有序列表。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
<!DOCTYPE html> < html lang = "zh" > < head > < meta charset = "UTF-8" > < title >嵌套列表</ title > </ head > < body > <!-- 有序列表里可以嵌套无序列表,无序列表里可以嵌套有序列表。 --> < ul > < li >Java</ li > < ul > < li >jdbc</ li > < li >jsp</ li > < li >Servlet</ li > < li >spring</ li > </ ul > < li >CSS</ li > < li >HTML</ li > < li >jQeury</ li > </ ul > </ body > </ html > |