table标记
基本格式
<table 属性1="属性值1"...属性n="属性值n">表格内容</table>
属性
width 表格的宽度,值可以是像素(px)也可以是父级元素的百分百(%)
height 表格的高度,值可以是像素(px)也可以是父级元素的百分百(%
border 表格的边框宽度
align 表格的显示位置
left居左显示(默认)
center
right
cellspacing 单元格之间的间距,默认是2px,单位像素
cellpading 单元格内容与单元格边框的显示距离 单位像素
frame
作用 控制表格边框最外层的四条线框
属性值
void (默认) 表示无边框
above 表示仅有顶部有边框
below 表示仅有底部有边框
hsides 表示仅有顶部和底部边框
lhs 表示仅有左侧边框
vsides 表示仅有左右边框
box 包含全部四个边框
border 包含全部四个边框
rules
作用
控制是否显示以及如何显示单元格之间的分割线
属性值
none(默认值) 表示无分割线
all 表示包括所有分割线
rows 表示仅有行分割线
clos 表示仅有列分割线
groups 表示仅在行和列之间有分割线
caption标记
什么时候使用 表格需要标题的时候
怎么使用 将<caption>插入<table>之后<tr>表格行之前
align属性
top 标题放在表格的上部
bottom 标题放在表格的下部
left 标题放在表格的左部
right 标题放在表格的右部
tr标记
定义表格的一行,对于每一个表格行,都是由一对<tr>...</tr>标记表示,每一行
<tr>标记内可以嵌套多个<td>或者<th>标记
可选属性
bgcolor
设置背景颜色
bgcolor = "颜色值"
align
设置垂直对齐方式
align = "值"
值
bottom 靠顶端对齐
top靠底部对齐
middle 居中对齐
valign
设置水平对齐方式
valign="值"
值
left靠左
right 靠右
center 居中
td和th
<td>和<th>都是单元格的标记,其必须嵌套在<tr>标签内成对出现
两者区别
<th>是表头标记,通常位于首行或者首列,<th>中的文字默认会被加粗而<th>不会
<td>是数据标记 ,表示该单元格的具体数据
共同之处
两者的标记属性都是一样的
属性
bgcolor
align
valign
width
height
rowspan 设置单元格所占行数
colspan 设置单元格所占列数