列表在HTML中是一个常用的操作,几乎很多网页都出现了列表来显示数据。今天我就在这里来分享下有序列表、无序列表和定义列表的相关知识。从定义到实例的一个总结和概况。
工具/原料
1
电脑
2
HTML,UE编辑器
有序列表
1列表控制
有序列表是ol标签和li标签的组合表示,
- 表示有序列表的开始,
- 张三
- 王四
- 李五
- 马六
2
很多时候我们想在HTML中使用ABCD或者其他的需要来作为有序列表的序号该怎么做呢?在HTML中提供了小写字母a来用小写字母表示列表的序号,大写字母A用大写字母来表示列表的序号,i小写罗马数字来表示序号和I这个大写的罗马数字来表示序号。可以看如下实例。可以看到如下图的代码和例子,用大写字母作为这个有序列表的序号,写法是type='A',执行结果是A、B、C、D的序号。
3列表控制
对于有序列表来说,我们可能遇到一种情况是第二页接着第一页继续书写的,第二页的序号不从一开始的。对于这个情况我们该怎么设计呢?序号不从一开始的,HTML给ul提供了一个属性,他就是start属性,具体用法如下实例:(这个有序列表从10开始)
- 张三
- 王四
- 李五
- 马六
无序列表
1
HTML中无序列表是用
- 和
- 的组合控制标签,
- /li>控制了列表中的项。具体实例如下:
列表控制 - 张三
- 王四
- 李五
- 马六
2列表控制
如果我么不想无序列表前面的标识是圆心的实点该怎么办呢?这里提供了disc 实心圆,circle空心圆,square实心方块这几种项目符号方便大家使用。具体实例如下:
- 张三
- 王四
- 李五
- 马六
定义序列
定义列表是通过
- 这三个组合标签来实现的,
- 考试科目
- 语文
- 数学
- 英语
注意事项
程序设计需要不断练习和学习
上一篇:话题作文能力分步提高——符合题意
下一篇:猪蹄子的家常做法