有序列表
有序列表前带有数字,在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> |