html自主列表,html自动识别列表

首页 > 大全 > 作者:YD1662022-12-23 05:02:19

自定义列表的介绍

场景使用介绍:在网页的底部导航中通常会使用自定义列表实现。

标签的组成介绍:

dl:表示自定义列表的整体,用于包含dt/dd标签。

dt:表示自定义列表的主题。

dd:表示自定义列表的针对主体的每一项内容。

显示特点的介绍:

dd前会默认显示缩进效果。

注意事项介绍:

dl标签中只允许包含dt/dd标签。

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>Document</title>

</head>

<body>

<h4>自定义列表效果展示</h4>

<dl>

<dt>效果展示</dt>

<dd>wangdongdong</dd>

<dd>wangdongdong</dd>

<dd>wangdongdong</dd>

<dd>wangdongdong</dd>

</dl>

</body>

</html>

程序执行效果:

html自主列表,html自动识别列表(1)

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.