HTML body标签之列表标签

最新推荐文章于 2022-03-03 21:38:33 发布

疯狂的小强呀

最新推荐文章于 2022-03-03 21:38:33 发布

阅读量230

点赞数

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

本文链接：https://blog.csdn.net/David_house/article/details/108737902

版权

前端专栏收录该内容

24 篇文章 0 订阅

订阅专栏

列表标签

无序列表
有序列表
自定义列表
演示

无序列表

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

有序列表

表示：<ol></ol>
子标签
<li></li>：该标签中书写列表内容，一个li标签代表列表中的一行数据
li标签特点：会自动的给列表进行顺序编码，格式从小到大是连续的
属性
type：可以改变顺序编码的表示类型，比如可以用罗马数字、阿拉伯数字、英文字母等，默认使用阿拉伯数字进行编码

自定义列表

表示：<dl></dl>
子标签
<dt></dt>：数据的标题
<dd></dd>:数据的具体内容，一个dd标签代表一条数据

演示

代码：

<html>
<head>
	<title>演示</title>
	<meta charset="utf-8"/>
</head>
<body>
	<h1>最受欢迎的城市</h1>
    <ul>
		<li>北京</li>
		<li>上海</li>
		<li>广州</li>
	</ul>
	<h1>最受欢迎的城市</h1>
	<ol type="A">
		<li>北京</li>
		<li>上海</li>
		<li>广州</li>
	</ol>
	<dl>
		<dt>最受欢迎的城市</dt>
		<dd>北京</dd>
		<dd>上海</dd>
		<dd>广州</dd>
	</dl>
</body>
</html>