列表

有序列表

有序列表前带有数字,在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>
原文地址:https://www.cnblogs.com/lsyw/p/10482804.html