html无序列表标签和有序列表标签使用示例
2014-04-16 15:37
661 查看
一、上下层列表标签:<dl>..</dl>:
上层dt
下层dd:封装的内容会被自动缩进的效果
二、定义有序列表: <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>:列表内容
三、定义无序列表:<ul>
属性:type:可以设置排序的样式 也可以给li单独加这个属性
dise 实心圆(默认值)
circle 空心圆
square 实心方块
<li>:列表内容
上层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>
相关文章推荐
- HTML中的有序排列和无序列表标签
- html中meta标签link标签无序有序列表表格表单
- html从入门到放弃(6)-入门标签:列表-有序、无序和自定义
- <学习html>第四天笔记-注释标签;相对路径,绝对路径;有序列表,无序列表,自定义列表;总结
- HTML列表标签dl、ul、ol 的使用示例
- html标签(2)--有序列表与无序列表
- html有序列表和无序列表
- 14. HTML 列表(无序, 有序, 定义)
- HTML无序列表和有序列表
- javaEE01-使用很HTML的排版标签编写“网站信息页面”,使用图片标签编写“图面显示页面”,使用列表标签编写“友情链接页面”,使用表格标签编写“首页”,框架标签表现“后台页面”
- html有序列表和无序列表
- html-无序列表+有序列表
- 06 html无序列表 、有序列表、 框架和综合练习
- HTML-列表,表格与超链接标签使用方法
- HTML 无序列表和有序列表
- 列表标签:无序列表、有序列表、定义列表
- html 无序列表_有序列表_框架
- 【HTML】-案例-有序列表和无序列表
- 使用HTML5 nav标签和无序列表ul标签实现导航栏
- Html标签使用——文字、列表、表格、超链接