表格
1、表格的作用
按照一定的格式摆放数据
表格是由一些被称为 “单元格”的矩形框,按照从左到右,从上到下的顺序 排列到一起组成的
2、创建表格
1、定义表格:<table></table>
2、创建表行:<tr></tr>
3、创建列(单元格):<td></td>
3、表格属性
1、table 属性
1、width :宽度
2、height :高度
3、align :设置表格的对齐方式(left|center|right)
4、border :边框宽度,px作为单位,可以省略px
bordercolor:表格线的颜色
5、cellpadding : 单元格内边距(单元格边框与内容之间的距离)
6、cellspacing : 单元格外边距(单元格之间的距离)
7、bgcolor : 背景颜色
2、tr 属性
1、align :设置该行内容的水平对齐方式
2、valign :设置该行内容的垂直对齐方式,取值:top|middle|bottom
3、bgcolor
3、td 属性
1、align
2、valign
3、width
4、height
5、colspan :设置单元格跨列
6、rowspan :设置单元格跨行
4、表格标题
<caption>标题</caption>
默认:表格上方居中显示
注意:
1、<caption> 必须 紧随 <table> 之后
2、每个表格最多只能有一个 标题
5、表格复杂应用
1、行分组
html中允许将表格内容划分为3个部分
1、表头行分组
<thead></thead>
2、表主体行分组
<tbody></tbody>
3、表尾行分组
表格中最下方的一行或几行,可以放在表尾行分组
<tfoot></tfoot>
注意:每个行分组中,都允许包含一对或多对 tr 标记
2、不规则表格
1、跨列
从指定单元格位置处开始,横向向右合并几个单元格(包含自己)。被合并掉的单元格应该从tr中删除
属性:设置 td的 colspan属性
取值:合并单元格的数量
2、跨行
从指定的单元格位置处开始,纵向向下合并几个单元格(包含自己),被合并掉的要删除
属性:设置 td的 rowspan属性
取值:合并单元格的数量
列表
1、作用
按照一定的格式显示数据的元素
默认显示方式为 从上到下的 显示
2、列表的组成
所有的列表都由"列表类型"和"列表项"组成
列表类型:有序列表 和 无序列表
1.有序列表<ol>
2.无序列表<ul>
列表项:具体显示在列表里面的内容 ex:<li> 具体的列表内容</li>
3、列表的嵌套: 列表项中去嵌套另一个列表
1.有序列表:
属性:type:有序列表类型
取值:1:数字(默认)
a:小写的英文字母
A:大写的英文字母
i:小写的罗马数字
I:大写的罗马数字
strat:起始编码
<ol start="c" type="a">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
2.无序列表:
属性:type:无序列表类型
取值:disc:实心圆(默认)
circle:空心圆
square:实心方块
none:不显示标识
3、列表的嵌套
被嵌套的列表要放在li中
<ul>
<li>列表项1</li>
<li>
列表项2
<ol>
<li></li>
</ol>
</li>
</ul>
4.定义列表
1、作用
用于要给出一类事物的定义情形,如:名词解释等
2、语法
<dl></dl> -- 定义一个定义列表
<dt></dt> -- 定义列表中的 "术语"
<dd></dd> -- 定义列表中对术语的"解释"
3、使用场合
在 "图文混排"时优先使用 定义列表