HTML_2th_列表
2017-03-26 12:06
134 查看
一、列表
1、无序列表
type取值
2、有序列表
type取值
3、定义列表
二、举例
1、无序列表
<ul> <li>桔子</li> <li>香蕉</li> <li>苹果</li> </ul>
取值 | 说明 |
disc | 项目符号显示为实体圆心,默认值 |
square | 项目符号显示为实体方心 |
circle | 项目符号显示为空心圆 |
<ol> <li>桔子</li> <li>香蕉</li> <li>苹果</li> </ol>
取值 | 说明 |
1 | 使用数字作为项目符号 |
A/a | 使用大写/小写字母作为项目符号 |
l/i | 使用大写/小写罗马数字作为项目符号 |
<dl> <dt>所属学院</dt> <dd>计算机应用</dd> <dt>所属专业</dt> <dd>计算机软件工程</dd> </dl>
类型 | 说明 | 项目符号 |
无序列表 | 以<ul>标签来实现 以<li>标签来表示列表项 | 通过type属性设置项目符号,disc(默认)、squal |
有序列表 | 以<ol>标签来实现 以<li>标签来表示列表项 | 通过type属性设置项目顺序 1(数字,默认)、A(大写字母)、a(小写字母)、 I(大写罗马数字)和i(小写罗马数字) |
定义列表 | 以<dl>标签来实现 以<dt>标签定义列表项 以<dd>标签定义内容 | 无项目符号和显示顺序 |
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>列表</title> </head> <body> <p>无序列表</p> <ul type="circle"> <li>桔子</li> <li>香蕉</li> <li>苹果</li> </ul> <p>有序列表</p> <ol type="I"> <li>司马懿</li> <li type="A">诸葛亮</li> <li>庞统</li> </ol> </body> </html>页面显示:
相关文章推荐
- 初学HTML 常见的标签(二) 列表标签
- HTML的列表,表单以及其他属性的详解总结
- html常用标签:列表
- HTML之列表初步
- 下拉列表实现html+css
- HTML 列表
- html 下拉列表的点击事件
- Html标签列表【转】
- html创建无序列表
- C#读取,修改,保存HTML文件(C#窗体Treeview控制HTML中的VLC的视频播放列表)
- Html标签使用——文字、列表、表格、超链接
- html定义列表嵌套
- HTML day02(html列表与菜单的制作)
- HTML列表
- HTML资料之列表
- HTML fieldset 标签 -- 表单分组和下拉列表分组
- Html事件列表
- (转)HTML有序列表和无序列表
- HTML控件_事件列表
- HTML 列表标签