012 列表

列表：

有序列表代码示例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
	<ol type="A" start="3">    <!--有序列表   ul无序列表-->  因为type=A，所以从C开始
		<li>
			政治
		</li>
		<li>
			数学
		</li>
		<li>
			英语
		</li>
	</ol>
	</body>
</html>

无序列表代码示例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
	<ul type="square">   <!--circle空心圆  disc实心圆  square黑色实心小方块-->
		<li>
			数学
		</li>
		<li>
			英语
		</li>
		<li>
			语文
		</li>
	</ul>
	</body>
</html>

自定义列表代码示例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
	<dl>
		<dt>数学</dt>
		<dd>三角函数</dd>
		<dd>立体几何</dd>
		<dt>语文</dt>
		<dd>岳阳楼记</dd>
		<dd>沁园春</dd>
	</dl>
	</body>
</html>
效果：

posted @ 2020-02-17 00:08  Shrly  阅读(127)  评论(0)    收藏  举报
回到顶部