- 内容摘要:
- 介绍自定义列表标签 dl,dt,dd
11.自定义列表
知识点:
- 自定义列表:自定义列表以 <dl> 标签开始。
- 每个自定义列表项以 <dt> 开始。
- 每个自定义列表项的定义以 <dd> 开始
- <dl> 标签与 <dt> 和 <dd> 一起使用。
- 在<dd> 标签内,能放置段落、换行、图片、链接、列表等等。
- <dl>标签支持全局属性,HTML 事件属性
- <dt>标签支持全局属性,HTML 事件属性
- <dd>标签支持全局属性,HTML 事件属性
标签 | 描述 |
---|---|
<dl> | 自定义列表 |
<dt> | 自定义列表项目 |
<dd> | 定义自定列表项的描述 |
运用例子:
备注:请亲自动手模仿着输入代码,在反复练习中熟悉。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML 自定义列表</title>
</head>
<body>
<h4>一个自定义列表:</h4>
<dl>
<dt>Name</dt>
<dd>- Jack</dd>
<dt>From</dt>
<dd>- China</dd>
</dl>
</body>
</html>