HTML列表的学习

主要学习三种1）有序列表2）无序列表3）定义列表

1.有序列表

代码：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>有序列表</title>
</head>

<body>
<ol>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>jQuery</li>
</ol>
</body>
</html>

网页显示：

有序列表的type语法

有序列表的type值

2.无序列表

代码：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无序列表</title>
</head>

<body>
    <ul>
        <li>HTML</li>
        <li>CSS</li>
        <li>JavaScript</li>
        <li>jQuery</li>
    </ul>
</body>
</html>

页面展示

无序列表语法：

...

</ul>

无序列表的type值：

3.定义列表

语法：

<dl>

<dt>定义名词</dt>

<dd>定义描述</dd>

</dl>

代码：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>定义列表</title>
</head>

<body>
    <dl>
        <dt>HTML</dt>
        <dd>超文本标记语言</dd>
        <dt>CSS</dt>
        <dd>层叠样式表</dd>
        <dt>JS</dt>
        <dd>JavaScript脚本语言</dd>
    </dl>
</body>
</html>

页面展示：