html无序列表标签和有序列表标签使用示例


一、上下层列表标签:<dl>..</dl>:

上层dt
下层dd:封装的内容会被自动缩进的效果


复制代码
代码如下:

<dl>
<dt>运动户外</dt>
<dd>板鞋</dd>
<dd>篮球鞋</dd>
<dd>足球鞋</dd>
<dd>跑步鞋</dd>
</dl>

二、定义有序列表: <ol>

属性:
type: 可以设置排序的样式 (也可以给li单独加这个属性)
1表示以 1,2,3,4 来表示
a 表示以 a,b,c,d 来表示
A 表示以 A,B,C,D 来表示
i 表示以 i,ii ,iii 来表示
I 表示以 I,II,III来表示
start:列表起点
 <li>:列表内容

复制代码
代码如下:

<ol type="a" start="55">
<li>板鞋</li>
<li>篮球鞋</li>
<li>跑步鞋</li>
<li>足球鞋</li>
</ol>

三、定义无序列表:<ul>

属性:type:可以设置排序的样式 也可以给li单独加这个属性
dise 实心圆(默认值)
circle 空心圆
square 实心方块
<li>:列表内容

复制代码
代码如下:

<ul type="square">
<li type="disc">板鞋</li>
<li>篮球鞋</li>
<li>跑步鞋</li>
<li>足球鞋</li>
</ul>



相关阅读:
2015款Macbook安装Win10多分区教程图文详解
Oracle中检查外键是否有索引的SQL脚本分享
兼容IE6、IE7的min-width、max-width写法
JS获取浏览器语言动态加载JS文件示例代码
MySQL日志管理详解
XP系统下安装Win7双系统详细图文教程
Win10系统如何解封被禁的Xbox One帐号?
Java自动化工具Ant的基础使用教程
PostgreSQL教程(十五):系统表详解
从QQ网站中提取的纯JS省市区三级联动菜单
win10怎么卸载程序软件?几种卸载软件方法详细介绍
轻量级asp.net ajax解决方案详解
html5 初试 indexedDB(推荐)
CSS中的空白效果属性使用小结
快速导航

Copyright © 2016 phpStudy |