HTML基础————列表

最新推荐文章于 2024-09-10 12:43:55 发布

憨憨BEEA

最新推荐文章于 2024-09-10 12:43:55 发布

阅读量138

点赞数

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

本文链接：https://blog.csdn.net/qq_45823257/article/details/124624722

版权

html 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

1.列表的分类

列表分为有序列表和无序列表。

ul 表示无序列表

ol 表示有序列表

2.列表的type属性

我们可以用type定义列表的样式

2.1无序列表type

可选值	描述
disc	实心圆（默认）
square	实心方块
circle	空心圆圈

2.2有序列表type

可选值	描述
A	大写字母
a	小写字母
1	阿拉伯数字（默认）
ⅰ	小写希字母
Ⅰ	大写希腊字母

3.演示代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		
		<ul type="circle">
			<li><a href="第一课HTML和文本属性.html">第一课HTML和文本属性</a></li>
			<li><a href="第二课form表单练习.html">第二课form表单练习</a></li>
			<li><a href="第三课a、img标签.html">第三课a、img标签</a></li>
			<li><a href="第三课table标签.html">第三课table标签</a></li>
		</ul>
		<ol type="I">
			<li><a href="第一课HTML和文本属性.html">第一课HTML和文本属性</a></li>
			<li><a href="第二课form表单练习.html">第二课form表单练习</a></li>
			<li><a href="第三课a、img标签.html">第三课a、img标签</a></li>
			<li><a href="第三课table标签.html">第三课table标签</a></li>
		</ol>
	</body>
</html>