<!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>
day2.4 of 30
猜你喜欢
转载自blog.csdn.net/qq_43077318/article/details/103267588
今日推荐
周排行