ul:无序列表
常用于网站的导航列表
无顺序列表中的type太废眼了,所以一般不推荐使用
type=“disc”:默认实心块
type=“square”:方块
type=“circle”:空心圆
ol:有序列表
start属性:规定有序表中的起始数据
type属性:属性值为 1,a,A,i,I,表示序号的样式
type=‘A’:字母排序
type=‘罗马数字1’:罗马排序
start=“3”:序列从几开始
定义列表的三剑客,类似于定义表格时候的搞得
table,td,tr:这三个元素,必须组合,否则无效
dl:定义列表
dt:定义列表中的项目
dd:定义列表中项目的描述
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<!--
ul:无序列表
常用于网站的导航列表
type太废眼了,所以一般不推荐使用
type="disc":默认实心块
type="square":方块
type="circle":空心圆
ol:有序列表
start属性:规定有序表中的起始数据
type属性:属性值为 1,a,A,i,I,表示序号的样式
type='A':字母排序
type='罗马数字1':罗马排序
start="3":序列从几开始
定义列表的三剑客,类似于定义表格时候的搞得
table,td,tr:这三个元素,必须组合,否则无效
dl:定义列表
dt:定义列表中的项目
dd:定义列表中项目的描述
-->
<body>
<h2>有序,无需,定义</h2>
<ul type="square">
<li>网站首页</li>
<li>产品展示</li>
<li>售后服务</li>
<li>联系我们</li>
</ul>
<!--从第三个c开始显示出来-->
<ol type="a" start=3>
<li>第一频道</li>
<li>第二频道</li>
<li>第三频道</li>
<li>第四频道</li>
</ol>
<dl>
<dt>第一章</dt>
<dd>第一节内容</dd>
<dd>第二节内容</dd>
<dt>第二章</dt>
<dd>第一节内容</dd>
<dd>第二节内容</dd>
</dl>
<h2>有序列表</h2>
<ol start="2">
<li>辣子鸡丁</li>
<li>打卤面</li>
<li>山西油泼面</li>
</ol>
<ol type="A">
<li>辣子鸡丁</li>
<li>打卤面</li>
<li>山西油泼面</li>
<li>锅包肉</li>
</ol>
</body>
</html>