学习笔记之HTML中<ul>与<ol>的区别
2017-07-26 08:23
489 查看
ul是无序列表,所谓的无序列表只要举个例子,大家就会明白了。
●这是第一个列表
●这是第二个列表
●这是第三个列表
●这是第四个列表
ol是有序列表,同样举个例子。
1、这是第一个列表
2、这是第二个列表
3、这是第三个列表
4、这是第四个列表
这就是ul与ol的区别。
ul与ol前的符号是可以修改的。只需要修改它们的type值。
ul的type属性有:disc—实心圆(默认)、circle—空心圆、square—实心方块
ol的type属性有:1—数字(默认)、a—小写字母、A—大写字母、i—小写希腊字母、I—大写希腊字母。
通过CSS也可以在将它们前的符号改为图片,这样列表显示就会更美观了。
●这是第一个列表
●这是第二个列表
●这是第三个列表
●这是第四个列表
ol是有序列表,同样举个例子。
1、这是第一个列表
2、这是第二个列表
3、这是第三个列表
4、这是第四个列表
这就是ul与ol的区别。
ul与ol前的符号是可以修改的。只需要修改它们的type值。
ul的type属性有:disc—实心圆(默认)、circle—空心圆、square—实心方块
ol的type属性有:1—数字(默认)、a—小写字母、A—大写字母、i—小写希腊字母、I—大写希腊字母。
通过CSS也可以在将它们前的符号改为图片,这样列表显示就会更美观了。
相关文章推荐
- Html学习笔记 --- html中<ul>与<ol>区别
- HTML 学习笔记(一)<h1>、<hr />、<p>、<ol><li>、<ul><li>、<dl><dt><dd>、 、<a name="abc">、href="#abc"、mailto
- HTML 学习笔记 - 【<DIV>和<SPAN>的区别】
- <第一章>Node 学习笔记 |>Mac Node安装<|
- 7.15<br/><hr/><code><ul><li>学习笔记
- <<Linux内核完全剖析 --基于0.12内核>>学习笔记 第4章 80x86保护模式及其编程 4.6 中断和异常处理
- 前端基础(6):html语法(5): <META> <H1-H6><UL><ol><LI><code>标签
- <学习html>第三天笔记-链接标签;锚点定位、<base />标签;遇到标签之间关系的问题及解决方法
- <学习html>第四天笔记-注释标签;相对路径,绝对路径;有序列表,无序列表,自定义列表;总结
- html几种列表介绍,<ol>,<ul>,<dl>,<nl>
- HTML 学习笔记之列表控件 无序列表ul(Unordered List)、有序列表ol(Ordered List)、定义列表dl(Definition List)
- <<Linux内核完全剖析 --基于0.12内核>>学习笔记 第4章 80x86保护模式及其编程 4.7 任务管理
- [置顶] html学习笔记,锚点,超链接,table布局,表头,h,sub,blockquote,ul,li,ol.dl,加入收藏,打印,弹出窗口
- HTML中<strong>与<b>,<em>与<i>标签的区别
- <<Signals and systems>> Chapter 1 学习笔记
- <笔记> HTML 学习——1
- 学习笔记--javascript 的<script></script>放在body和<head></head>的区别
- <<Python基础教程>>学习笔记 | 第03章 | 字符串
- HTML中<strong>与<b>,<em>与<i>标签的区别
- html学习笔记,锚点,超链接,table布局,表头,h,sub,blockquote,ul,li,ol.dl,加入收藏,打印,弹出窗口