表格
表格由<table>标签来定义。每个表格都有若干行(由<tr>标签定义),每行被分割为若干单元格(由<td>标签定义)字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
<table border="1">//边框属性,设置显示带有边框的表格。
<tr>
<th>Heading</th>//表头标签,大多数浏览器会显示为粗体居中的文本
<td>row 1,cell 1</td>
<td>row1,cell 2</td>
</tr>
</table>
表格标签
表格 描述
<table> 定义表格 border属性确定边框大小,border=0时无边框(默认情况无边框)
<caption> 定义表格标题
<th> 定义表格的表头
<tr> 定义表格的行
<td> 定义表格的列
<thead> 定义表格的页眉
<tbody> 定义表格的主体
<tfoot> 定义表格的页脚
<col> 定义用于表格列的属性
<colgroup> 定义表格列的组
跨行或跨列的表格
横跨两行:<th rowspan="2"></th>
横跨两列:<th colspan="2"></th>
使用 "frame" 属性来控制围绕表格的边框。
<table frame="box"> 整个边框
<table frame="above"> 上方边框
<table frame="below"> 下方边框
<table frame="hsides"> 上下方边框
<table frame="vsides"> 左右边框
设置表格的大小
使用width和heighth
设置表格的边框
<border> 设置表格边框的宽度(线的粗细·)
<bordercolor> 设置边框的颜色(前提是边框宽度不能为0)
<cellspacing> 定义表格内部各个单元格之间的宽度
<cellpading> 定义表格内文字与边框的距离
设置表格背景
<bgcolor> 设置表格背景颜色
<background> 设置表格背景图像,其属性值为一个URL地址
设置表格的行属性
<height> 设置行的高度
<bordercolor> 为单独的行设置其外框颜色
<bgcolor> <background> 为行设置单独的背景颜色和背景图像
<align> 行文字的水平对齐方式,包括3种:left center right。当设置的是表格标题的对齐方式时,其水平对齐方式与其他行相同,垂直对齐方式是指标题位于表格的上方或下方。
<vaign> 行文字的垂直对齐方式
设置单元格对齐方式
<width、height> 指定单元格的高度和宽度,单位是像素
<colspan> 指定单元格水平跨度
,单元格跨越几列
<rolspan> 指定单元格垂直方向上跨行
<valign> 指定某一个单元格里的内容(文本、图片等)的垂直对齐方式。属性值包括:top middle bottom baseline
<align> 指定某一个单元格里的内容(文本、图片等)水平对齐方式,取值可以是left、center或right。
<bgcolor> 指定单元格背景颜色。
<bordercolorlight> 指定单元格的亮边框。
<bordercolordark> 指定单元格的暗边框。
<background> 指定单元格的背景图像。