1. 表格标签
1.1 表格的主要作用
主要用于显示、展示数据。
1.2 表格的基本语法
1. <table></table>用于定义表格;
2. <tr></tr>用于定义表格中的行,必须嵌套在<table></table>标签中;
3. <td></td>用于定义表格中的单元格,必须嵌套在<tr></tr>标签中;
4. 字母 td 指表格数据,即数据单元格的内容。
1.3 表头单元格标签
一般表头单元格位于表格的第一行或第一列,表头单元格里面的文本内容加粗居中显示。
<th>标签表示HTML表格的表头部分。
1.4 表格属性
属性名 | 属性值 | 描述 |
---|---|---|
align | left、center、right | 规定表格相对周围元素的对齐方式 |
border | 1或"" | 规定表格单元是否拥有边框,默认为"",表示没有边框 |
cellpadding | 像素值 | 规定单元边沿与其内容之间的空白,默认1像素 |
cellspacing | 像素值 | 规定单元格之间的空白,默认2像素 |
width | 像素值或百分比 | 规定表格的宽度 |
上述属性要写到<table>标签里。
1.5 表格结构标签
<thead>标签定义表格的头部区域,其内部必须有<tr>标签,一般位于第一行。
<tbody>标签定义表格的主体区域,主要用于放数据本体。
上述两个标签都是放在<table></table>标签中。
1.6 合并单元格
1. 合并单元格方式
• 跨行合并:rowspan = "合并单元格的个数"
• 跨列合并:colspan = "合并单元格的个数"
2. 目标单元格<