HTML5表格基础语法

1.表格的基本格式 

2.<table>标签下的常用属性

3.<table>标签下的边框设置 

4.<tr><th><td>标签下的常用属性 

    5.拆分与合并单元格 

6.表格的结构化、直列化、标题 

    7.表格的嵌套 

    在网页中表格是一种经常使用到得设计结构，就像表格的内容中可以包含任何的数据， 

如文字、图像、表单、超链接、表格等等，所有在HTML中可以使用的数据，都可以被设 

置在表格中，所以有关表格设置的标记与属性页特别多。 

工具/原料

• HTML

方法/步骤

1. 表格的基本格式 

   格式: 

   <table> 

              <tr>… 

                         <th>…</th> 

                         <th>…</th> 

                         <th>…</th> 

               </tr> 

               <tr> 

                            <td>…</td> 

                             <td>…</td> 

                             <td>…</td> 

              </tr> 

   </table> 

2. 能:

   <table>…</table>用来声明表格开始与结束.

   <tr>…</tr>用来设置表格的行. 

   <th>…</th>用来设置标题栏位.

   <td>…</td>用来设置数据栏位.

3. <table>标签下的属性 

   
4. <table> 标签下的边框设置 

   

   
5. 1.4 <tr><th><td>标签下的常用属性

   
6. 拆分与合并单元格 

   

   
7. 表格的结构化、直列化、标题 

   (1).结构化格式： 

   <table> 

   <thead>……</thead>    --------表头区 

   <tbody>……</tbody>    --------表体区

   ……………………… 

   <tfoot>……</tfoot>    --------表尾区 

   </table>

8. (2).直列化格式：<colgroup>….</colgroup> 

   
9. 个别直列设置

   格式:<col>功能完全和<colgroup>一样.   

   (3).表格的标题： 

   <table> 

   <caption>….</caption> 

   </table> 

   <caption>下的属性值有: 

   
10.