day2.4 of 30

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Html 列表</title>
	</head>
	<body>
<pre>
	1. 无序列表使用ul标签
	<ul>
		<li>Coffee</li>
		<li>Milk</li>
		<li>Tea</li>
	</ul>
	
	2.有序列表使用ol标签
	<ol>
		<li>Coffee</li>
		<li>Milk</li>
		<li>Tea</li>
	</ol>
	
	3.自定义列表使用dl标签
	<dl>
		<dt>菜单一</dt>
		<dd>-水 啤酒 红酒</dd>
		<dt>菜单二</dt>
		<dd>-西红柿 黄瓜 土豆</dd>
		<dt>菜单三</dt>
		<dd>-鸡肉 羊肉 牛肉</dd>
	</dl>
	
	4.有序列表使用不同的序号来表示
	<ol type="1">
		type有各种样式
		A 为大写字母排序
		a 为小写字母排序
		I 为罗马字母排序
		i 小写罗马字母排序
	</ol>	
	5.不同类型的无序列表
	<ul type="circle">
		type 有circle 有square 有disc(圆点列表)
	</ul>
		
	6.列表嵌套列表
	<ul type="disc">
		<li>Coffee</li>
		<li>Tea 
			<ul>
				<li>Black tea</li>
				<li>Green tea</li>
			</ul>
		</li>
		<li>Milk</li>
	</ul>
	
</pre>
		
	</body>
</html>

发布了24 篇原创文章 · 获赞 1 · 访问量 1467

猜你喜欢

转载自blog.csdn.net/qq_43077318/article/details/103267588
今日推荐