HTML自主学习 - 2

一、表格

基本语法 

<table><tr><td>单元格内容1</td><td>单元格内容2</td><td>单元格内容3</td></tr></table>

1、<table> </table>标签用于定义表格

2、<tr> </tr>标签用于定义表格的行，需嵌套在<table> </table>标签中

3、<td> </td>标签用于定义表格的单元格，需嵌套在<tr> </tr>标签中

4、td指table data

表头单元格标签

表头单元格标签即<th> </th>

表头单元格一般位于表格的第一行或第一列

使用<th> </th>标签可使文本内容加粗居中显示

表格相关属性

align： 规定表格的对齐方式

border： 规定表格单元格是否有边框

cellpadding： 规定表格单元格边沿和其内容之间的空白大小

cellspacing： 规定表格单元格之间的空白大小

width： 规定表格的宽度

height： 规定表格的高度

 表格结构标签

表格可能很长，可将表格划分为表格头部和表格主体两大部分

<thead> </thead>标签包含表格头部，<tbody> </tbody>标签包含表格主体

 合并单元格

合并单元格的方式

1、跨行合并：rowspan = "合并单元格的个数"

2、跨列合并：colspan = "合并单元格的个数"

目标单元格

应将合并单元格代码写在目标单元格内

1、跨行合并：最上侧单元格为目标单元格

2、跨列合并：最左侧单元格为目标单元格

合并单元格的步骤

1、确定合并单元格的方式

2、确定目标单元格，将合并单元格代码写在目标单元格内

3、删除冗余单元格