表格在网站应用中非常广泛，可以方便灵活的排版，表格可以把相互关联的信息元素集中定位，使浏览页面的人一目了然。很多动态大型网站曾经也都是借助table表格排版,现在网站的布局大都采用div+css技术了。不过table在网站制作中依然很重要，很多地方都需要用到table表格，所以说要制作好网页，就要学好表格。
表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。扩展阅读：如何用css防止表格table变形
<table border="1"> <tr> <td>第一行第一单元格</td> <td>第一行第二单元格</td> </tr> <tr> <td>第二行第一单元格</td> <td>第二行第二单元格</td> </tr> </table>
在浏览器运行的效果：
| 第一行第一单元格 | 第一行第二单元格 |
| 第二行第一单元格 | 第二行第二单元格 |
<table>...</table> 用于定义一个表格开始和结束
<tr>...</tr> 定义一行标签，一组行标签内可以建立多组由<td>或<th>标签所定义的单元格
<td>...</td> 定义单元格标签，一组<td>标签将将建立一个单元格，<td>标签必须放在<tr>标签内
表格table属性
表格标签<table>有很多属性，最常用的属性有：
| <table>标签的属性 | 描述 |
|---|---|
| width | 表格的宽度 |
| height | 表格的高度 |
| align | 表格在页面的水平摆放位置 |
| background | 表格的背景图片 |
| bgcolor | 表格的背景颜色 |
| border | 表格边框的宽度（以像素为单位） |
| bordercolor | 表格边框颜色 |
| bordercolorlight | 表格边框明亮部分的颜色 |
| bordercolordark | 表格边框昏暗部分的颜色 |
| cellspacing | 单元格之间的间距 |
| cellpadding | 单元格内容与单元格边界之间的空白距离的大小 |
表格标签
| 表格 | 描述 |
|---|---|
| <table> | 定义表格 |
| <caption> | 定义表格标题 |
| <th> | 定义表格的表头 |
| <tr> | 定义表格的行 |
| <td> | 定义表格单元 |
| <thead> | 定义表格的页眉 |
| <tbody> | 定义表格的主体 |
| <tfoot> | 定义表格的页脚 |
| <col> | 定义用于表格列的属性 |
| <colgroup> | 定义表格列的组 |
声明:如需转载，请注明来源于www.webym.net并保留原文链接：http://www.webym.net/jiaocheng/98.html
