html的table元素是包含tr td th表格标签元素的，那么今天我们就来给大家详细介绍一下表格的布局以及语法，最后是对表格的总结经验，大家也可以借鉴一下

表格布局篇，认识html表格基础语法，认识table表格结构语法，通过html table tr td、html table tr th表格实例掌握表格认识html表格table样式布局。同时table的样式可以通过CSS样式控制其各式各样的样式。

html table表格目录

table表格语法与结构

table标签使用说明

立即学习“前端免费学习笔记（深入）”；

Table表格标签使用场景

table表格案例

DW软件输入表格布局

table表格总结

table表格语法与结构

<table>     <tr>         <td> </td>         <td> </td>         <td> </td>     </tr> </table> <table>     <tr>         <th> </th>         <th> </th>         <th> </th>     </tr> </table>

以上2个表格结构中td和th使用，没有区别均可使用。

table标签使用说明

我们学习DIV+CSS了，不是就完全放弃丢弃table表格布局。想想我们为什么学习DIV CSS其中一个因素，让布局更简单、代码更简单，所以有时候我们也需要table表格来布局。

比如，电子表格型的数据表格。

Table表格标签使用场景

table表格实际应用地方

Table tr td th表格使用案例

<table width="300" border="1" cellspacing="0">     <tr>         <th>班级</th>         <th>日期</th>         <th>标题</th>     </tr>     <tr>         <td>一班</td>         <td>2012-5-10</td>         <td>标题1</td>     </tr>     <tr>         <td>二班</td>         <td>2012-5-20</td>         <td>标题2</td>     </tr> </table>

对于table表格总结 

table表格实用于多列数据列表，table会使用灵活运用即可。多列数据列表table标签要比使用p css节约代码，任意控制内容排版

相关阅读：

html的注释有什么作用

html中的label标签使用方法

HTML标题标签元素怎么修改