Web前端(列表)基础知识笔记(2)
2017-01-13 22:30
447 查看
今天我们说一下列表,还有提一下表格。
列表有分为:有序列表(ul),无序列表(ol),还有一个定义列表(dl)
无序列表属性:disc(默认值,圆黑点),circle(空心圆),square(小黑方块),none(无列表项标记)
有序列表属性:1(默认值,阿拉伯数字排列),i(小写罗马排列),I(大写罗马排列),a(小写字母排序),A(大写字母排列)
其中有序列表还有一个start属性,用于指定列表编号的起始值,但使用可能不多。
有序列表:
<ol type="I">
<li>蛋糕</li>
<li>糖水</li>
</ol>
<ol type="A" start="2">
<li>苹果</li>
<li>香蕉</li>
</ol>
I.蛋糕
II.糖水
B.苹果
C.香蕉
定义列表:
定义列表前没有任何编号和符号,用缩进方式使层次分明
<dl>
<dt>
<dd></dd>
</dt>
</dl>
无序列表和列表的嵌套:
表格中的th用于定义表格的第一行,默认加粗居中显示
列表有分为:有序列表(ul),无序列表(ol),还有一个定义列表(dl)
无序列表属性:disc(默认值,圆黑点),circle(空心圆),square(小黑方块),none(无列表项标记)
有序列表属性:1(默认值,阿拉伯数字排列),i(小写罗马排列),I(大写罗马排列),a(小写字母排序),A(大写字母排列)
其中有序列表还有一个start属性,用于指定列表编号的起始值,但使用可能不多。
有序列表:
<ol type="I">
<li>蛋糕</li>
<li>糖水</li>
</ol>
<ol type="A" start="2">
<li>苹果</li>
<li>香蕉</li>
</ol>
I.蛋糕
II.糖水
B.苹果
C.香蕉
定义列表:
定义列表前没有任何编号和符号,用缩进方式使层次分明
<dl>
<dt>
<dd></dd>
</dt>
</dl>
无序列表和列表的嵌套:
表格中的th用于定义表格的第一行,默认加粗居中显示
相关文章推荐
- web前端入门知识笔记——html基础(传智播客)
- Web前端(表单)基础知识笔记(3)
- web前端入门知识笔记——html基础(传智播客)
- web前端入门知识笔记——html基础(传智播客)
- web前端基础知识总结
- web前端基础知识学习网站推介
- Web前端之基础知识
- web前端——html基础笔记 NO.13{盒模型,颜色值,字体的缩写}
- web前端面试中常见的js基础又实用的知识回顾
- web前端基础知识及快速入门指南
- Java笔记--Web前端知识汇总之二 CSS
- 〖前端开发〗HTML/CSS基础知识学习笔记
- WEB前端模块化基础知识
- web前端——html基础笔记 NO.7
- JavaWeb前端基础复习笔记系列 二
- WEB前端基础知识
- javaweb_关于Servlet一些基础知识笔记
- web前端——html基础笔记 NO.9
- web前端——html基础笔记 NO.10
- Java笔记--Web前端知识汇总之三 JavaScript