Web前端速成(Html+Css+JavaScript+jQuery)-12.表格(Tables)

• 内容摘要：
  • 表格相关的标签table tr、th 以及td 元素。

12.表格(Tables)

知识点：

• 一个 HTML 表格包括 <table> 元素，一个或多个 <tr>、<th> 以及 <td> 元素。
• <tr> 元素定义表格行，<th> 元素定义表头，<td> 元素定义表格单元。
• 在<td> 标签内，能放置段落、换行、图片、链接、列表等等。
• 复杂的 HTML 表格还可能包括<tbody>、<caption>、<col>、<colgroup>、<thead>、<tfoot> 以及<col> 元素。

标签	描述
<table>	定义表格
<th>	定义表格的表头
<tr>	定义表格的行
<td>	定义表格单元
<caption>	定义表格标题
<colgroup>	定义表格列的组
<col>	定义用于表格列的属性
<thead>	定义表格的页眉
<tbody>	定义表格的主体
<tfoot>	定义表格的页脚

属性	描述
border	设置表格边框的样式，默认为无样式。在CSS中boder属性接受三个参数，分别是宽度、风格和颜色。例如：border: 0.5rem outset pink
cellpadding	设置单元格内容与单元格边框之间的距离，默认为1。
cellspacing	设置单元格之间的距离，默认为1。
width	设置表格宽度，可以是像素值、百分比、auto等。
height	设置表格高度，可以是像素值、百分比、auto等。
align	设置内容在单元格中的水平对齐方式，可以是left、center、right、justify(让文本两端对齐)
valign	设置内容在单元格中的垂直对齐方式，可以是top、middle、bottom，baseline(对齐第一行的基线：baseline)
background-color	设置表格背景色。
colspan	跨列
rowspan	跨行

• 在CSS中的一些替换属性

属性