表格是用于排列内容的最佳手段,基本表格是由<table>标签、<tr>标签和<td>标签组成的。
基本表格
基本表格的制作
表格标签是<table>…</table>,表格的其他标签需要在表格的开始标签<label>和结束标签</label>之间才有效
标签 | 含义 |
---|---|
<table> | 表格标签 |
<tr> | 行标签 |
<td> | 单元格标签 |
表头的设置
表格中还有一种特殊的单元格,称为表头。表头一般位于表格第一行,以来表示该列的内容类别,用<th>和</th>标签来表示。<th>和<td>标签的使用方法相同,但是<th>标签中的内容是加粗显示的。
表格的高级应用
表格的样式
除基本表格外,表格还可以设置一些基本的样式属性,比如:可以设置表格的宽度、高度、对齐方式、插入图片等
表格的合并
在复杂的表格结构中,有些单元格是跨多个列的,有些单元格是跨多个行的,因而需要对这些单元格进行合并
语法格式如下:<td colspan="跨的行数">
、<td rowspan="跨的列数">
表格的分组
表格可以使用<colgroup>标签对列进行样式控制,比如,设置单元格的背景颜色、字体大小等
语法格式:
<colgroup>
<col style="backgroud-color:颜色值">
<col style="color:颜色值">
<colgroup>
在该语法中,使用<colgroup>标签对表格中的列进行控制,使用<col>标签对具体的列进行控制
border-collapse元素:用来决定表格的边框是分开的还是合并的。在分隔模式下,相邻的单元格都拥有独立的边框。在合并模式下,相邻单元格共享边框。