<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- 列表标签——有序、无序、数据列表
有序列表——ol
type属性——序号的种类，它的默认值是1 -->
<ol>前端</ol>
<ol>前端</ol>
<ol>前端</ol>
<ol>前端</ol>
<!-- 这里面只是按顺序排列的，这个是需要与li标签一起用 -->
<ol>
<li>前端</li>
<li>前端</li>
<li>前端</li>
<li>前端</li>
</ol>
<ol type="a">
<li>前端</li>
<li>前端</li>
<li>前端</li> <li>前端</li>
<!-- 这里不管是横着写还是竖着影响都不大-->
</ol>
<ol type="i" >
<li>前端</li>
<li>前端</li>
<li>前端</li>
<li>前端</li>
</ol>
<!--start属性--表示序号的开始，它只对数字有作用-->
<ol type="1" start="5">
<li>前端</li>
<li>前端</li>
<li>前端</li>
<li>前端</li>
</ol>
<!-- reversed---表示反序，都可以起作用 -->
<ol type="1" start="5" reversed>
<li>前端</li>
<li>前端</li>
<li>前端</li>
<li>前端</li>
<li>前端</li>
</ol>
<!-- 无序列表----ul ,一般用在新闻页面-->
<!-- type属性——无序列表的样式disc（默认值 实心圆）circle（空心圆）square（失信正方形） -->
<ul>
<li>前端</li>
<li>前端</li>
<li>前端</li>
<li>前端</li>
<li>前端</li>
</ul>
<ul type="circle">
<li>前端</li>
<li>前端</li>
<li>前端</li>
<li>前端</li>
<li>前端</li>
</ul>
<ul type="square">
<li>前端</li>
<li>前端</li>
<li>前端</li>
<li>前端</li>
<li>前端</li>
</ul>
<!-- 数据列表——dl _一般用在新闻页面上-->
<dl>
<dt>这是数据列表的标题</dt>
<dd>这个是表示数据的内容</dd>
<dd>这个是表示数据的内容</dd>
<dd>这个是表示数据的内容</dd>
<dd>这个是表示数据的内容</dd>
<dd>这个是表示数据的内容</dd>
</dl>
</body>
</html>
扫一扫
1396
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
