前端：HTML的body标签(列表标签)

最新推荐文章于 2024-08-09 15:13:41 发布

是一个小迷糊吧

最新推荐文章于 2024-08-09 15:13:41 发布

阅读量222

点赞数

分类专栏：前端文章标签： html

本文链接：https://blog.csdn.net/weixin_46178977/article/details/104014111

版权

前端专栏收录该内容

19 篇文章 0 订阅

订阅专栏

#前端
##HTML
###body标签的列表标签

有序列表：

ol：
->li: 该标签中书写列表内容，一个li标签代表列表中的一行数据；
->->特点：会自动的给列表进行顺序编码，格式从小到大，并且连续的
->属性：type: 可以改变顺序编码的值，可以是1、a、A、I、，默认是使用阿拉伯数字进行编码

无序列表：

ul：
->li：该标签中书写列表内容，一个li 标签代表列表中的一行数据
->->特点：默认数据前有一个黑圆圈符号

自定义列表：

dl：
->dt: 数据的标
->dd: 数据的具体内容，一个dd表示一条数据，
示例：

<html>
	<head>
			<title>想给时光写封情书</title>
			<meta charset="UTF-8"><!--防止中文标题乱码-->
	</head>
	<body>
			<h3>列表标签学习</h3>
			<hr />
			<h3>时光的情书</h3>
			<!--无序列表-->
			<ul>
					<li>时光</li>
					<li>时光</li>
					<li>时光</li>
			</ul>
			<!--有序列表-->
			<h3>生活</h3>
			<ol type="I">
					<li>青春</li>
					<li>责任</li>
					<li>花季</li>
			</ol>
			<!--自定义列表-->
			<dl>
					<dt>花季</dt>
					<dd>十五岁</dd>
					<dd>十六岁</dd>
					<dt>雨季</dt>
					<dd>十七岁<dd>
					<dd>十八岁<dd>
			</dl>
	</body>
</html>