<ul>标签
类别：
容器级标签
作用：
定义一个无序列表
说明：
将ul标签与li标签一起使用，创建无序列表
全局属性： 支持
事件属性： 支持
<ol>标签
类别：
容器级标签
作用：
定义一个有序列表
说明：
将ol标签与li标签一起使用，创建有序列表
全局属性： 支持
事件属性： 支持
<li>标签
类别：
容器级标签
作用：
定义一个列表项
说明：
标签可用在有序列表ol、无序列表ul和菜单列表menu中
全局属性： 支持
事件属性： 支持
<dl>标签
类别：
容器级标签
作用：
标签定义一个描述列表
说明：
标签与 <dt> （定义项目/名字） 和 <dd> （描述每一个项目/名字） 一起使用
全局属性： 支持
事件属性： 支持
<dt>标签
类别：
容器级标签
作用：
定义一个描述列表的项目/名字
说明：
与 <dl> （定义一个描述列表）和 <dd> （描述每一个项目/名字） 一起使用
全局属性： 支持
事件属性： 支持
<dd>标签
类别：
容器级标签
作用：
对一个描述列表中的项目/名字进行描述
说明：
与 <dl> （定义一个描述列表） 和 <dt> （定义项目/名字） 一起使用标签内，能放置段落、换行、图片、链接、列表等等
全局属性： 支持
事件属性： 支持
综合示例：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>HTML列表标签学习</title>
</head>
<body>
<ul>
<li>三国演义</li>
<li>水浒传</li>
<li>西游记</li>
<li>红楼梦</li>
<li>其他
<ol>
<li>聊斋志异</li>
<li>...</li>
<li>...</li>
</ol>
</li>
</ul>
<hr/>
<ol>
<li>星辰变</li>
<li>荒莽纪</li>
<li>盘龙</li>
<li>吞噬星空</li>
<li>其他
<ul>
<li>星峰传说</li>
<li>...</li>
<li>...</li>
</ul>
</li>
</ol>
<hr/>
<dl style="border: 1px solid dodgerblue; padding: 3px;">
<dt style="border: 1px solid green; padding: 3px; margin-bottom: 3px;">
主题一
</dt>
<dd style="border: 1px solid green; padding: 3px;">
内容一
</dd>
<dd style="border: 1px solid green; padding: 3px;">
内容二
<dl style="border: 1px solid dodgerblue; padding: 3px;">
<dd style="border: 1px solid green; padding: 3px; margin-bottom: 3px;">
<div style="border: 1px solid red;">子内容一</div>
</dd>
<dd style="border: 1px solid green; padding: 3px;">
<div style="border: 1px solid red;">子内容一</div>
</dd>
</dl>
</dd>
</dl>
</body>
</html>
扫一扫
26万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
