**列表标签:**
列表内的数据可嵌套权重标签使用
无序列表
<ul>
<li></li> 该标签中书写列表内容,一个li标签代码列表中的一行数据
特点:默认数据前有黑点
<h1></h1>
列表中可嵌套标题标签
</ul>
**有序列表**
默认为数字排序
<ol 可添加属性 type="a"或 type="A"变成字母排序或 type="I"罗马数字>
<li></li>
特点:数据前有数字排序
</ol>
**自定义列表**
<dl>
<dt></dt> //列表说明
<dd></dd> //一行数据
<dd></dd>
<dt></dt> //可以有多个列表说明
<dd></dd>
<dd></dd>
</dl>
*代码案例:*
<html>
<head>
<title>body 列表标签学习</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
</head>
<body>
<h2 align="center">列表标签学习</h3>
<hr size="20" color="aqua" width="200px"/>
<h3> 千古一句词</h3>
<ul> <!--ul外层标记-->
<h4>词牌名:</h4>
<li>清平乐</li>
<li>忆江南</li>
<li>水龙吟</li>
</ul>
<ol type="I">
<li>江城子</li>
<li>采薇</li>
<li>赤壁赋</li>
</ol>
<dl>
<dt><b>诗词歌赋:</b></dt>
<dd>阿房宫赋</dd>
<dd>师说</dd>
<dd>逍遥游</dd>
<dt><b>唐诗宋词:</b></dt>
<dd>定风波</dd>
<dd>声声慢</dd>
</dl>
</body>
</html>
html body列表标签
最新推荐文章于 2023-07-10 14:44:03 发布