详解HTML表格

浸染：数据的展示，表格应用场景.

<table>表格 <tr>行 <td>单位格

名目：

<table> 　　<caption>...</caption><!-表格问题，居中表现--> 　　<tr> 　　　　<th>...</th>...　<!-表格头，内容居中，加粗表现-->　 　　</tr> 　　<tr> 　　　　<td>...</td>... 　　</tr> </table>

表格布局标签：加载一部门 表现一部门 越发便利.

分别三部门：表头（thead），主体（tbody），脚注（tfoot）这三个标签不能影响机关

<table> 　　<caption>...</caption> 　　<thead> 　　<tr> 　　　　<th>...</th>...　<!-表格头，内容居中，加粗表现-->　 　　</tr> 　　</thead> 　　<tbody> 　　<tr> 　　　　<td>...</td>... 　　</tr> 　　</tbody> 　　<tfoot> 　　<tr> 　　　　<td>...</td>... 　　</tr> 　　</tfoot> </table>

table标签属性

tr 标签属性

<table> 　　<tr> 　　　　<td colspan="2"> ...</td> 　　　　<td> ...</td> 　　</tr> 　　 <tr> 　　　　<td>...</td> 　　　　<td>...</td> 　　　　<td>...</td> 　　</tr> </table>

<table> 　　<tr> 　　　　<td> ...</td> 　　　　<td rowspan="2"> ...</td> 　　</tr> 　　 <tr> 　　　　<td>...</td> 　　　　<td>...</td> 　　　　<td>...</td> 　　</tr> </table>

声名：1.完备表格布局 2.放到<td>标签中

<table> 　　<tr> 　　　　<td> ...</td> 　　　　<td>　　 　　　　　　<table> 　　　　　　　　<tr> 　　　　　　　　　　<td> ...</td> 　　　　　　　　　　<td>.</td> 　　　　　　　　</tr> 　　　　　　</table> 　　　　</td> 　　</tr> </table>

1.只管少的行使表格嵌套。

2.只管少的行使表格跨行跨列 。

增进代码的整体维护本钱 。

行使表格举办网页布局机关一样平常不配置border

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!