版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/arvinzd/article/details/52900968
在html中列表有三种,即无序列表,有序列表,自定义列表。
无序列表
ul——无序列表 内容类似没有顺序
语法:<ul type="circle">
<li>内容1</li>
<li>内容2</li>
</ul>
属性:type 有circle 空心圆 disc实心圆 square 实心方块三个值 默认是disc
如图:
有序列表
ol——有序列表 内容类似有顺序
语法:<ol type="1" start="3" reversed="reversed" compact="compact">
<li>内容1</li>
如图:
<li>内容2</li>
</ol>
属性
属性 |
意义 |
值 |
Type |
类型 |
1-数字 a-小写字母 A-大写字母 i-罗马小写 I-罗马大写 |
start |
从几开始 |
1,2,3 |
Reversed |
是否反转 |
Reversed |
Compact |
展示更小巧 |
Compact |
自定义列表
dl——自定义列表区域
dd——自定义列表标题
dt——自定义列表序列
语法:<dl>
<dd>文学</dd>
<dt>内容1</dt>
<dt>内容2</dt>
<dd>数学</dd>
<dt>内容1</dt>
<dt>内容2</dt>
</dl>
<dd>文学</dd>
<dt>内容1</dt>
<dt>内容2</dt>
<dd>数学</dd>
<dt>内容1</dt>
<dt>内容2</dt>
</dl>
如图: