标签:
<table>
开始,以</table>
结束width
-- 代表表格的宽度<
table
width
=
"
80%
"
border
=
"
1
"
>
<
tr
>
<
th
>种类
</
th
>
<
th
>
数量
</
th
>
<
th
>
售价
</
th
>
<
th
>净赚
</
th
>
</
tr
>
<
tr
>
<
td
>
苹果
</
td
>
<
td
>
1000
</
td
>
<
td
>
5
</
td
>
<
td
>
3
</
td
>
</
tr
>
<
tr
>
<
td
>
香蕉
</
td
>
<
td
>
500
</
td
>
<
td
>
5
</
td
>
<
td
>
3.5
</
td
>
</
tr
>
<
tr
>
<
td
>桃子
</
td
>
<
td
>
7000
</
td
>
<
td
>
8
</
td
>
<
td
>
6
</
td
>
</
tr
>
</
table
>
HTML tr 标签
<tr>
开始,</tr>
结束HTML th 标签
<th>
开始,</th>
结束axis
-- 对单元格在概念上分类HTML td 标签
<td>
开始,</td>
结束axis
-- 对单元格在概念上分类HTML cellpadding与cellspacing属性
上图说明了表格的几个属性,其中黑色部分就是单元格(cell),白色的区域是单元格边距(表格填充),灰色的区域是单元格间距(表格间距)。
HTML rowspan 属性
HTML colspan 属性
自定义列样式
表格一般都是一行一行的存在的,通过使用colgroup
,col
与css,可以个性化的显示一个列.
HTML colgroup 标签
col
定义每列表格的样式
<
table
border
=
"
1
"
>
<
colgroup
>
<
col
/>
<
col
class
=
"
yellow
"
/>
<
col
/>
<
col
span
=
"
2
"
class
=
"
blue
"
/>
</
colgroup
>
<
tr
>
<
th
>种类
</
th
>
<
th
>
数量
</
th
>
<
th
>
售价
</
th
>
<
th
>净赚
</
th
>
</
tr
>
<
tr
>
<
td
>
苹果
</
td
>
<
td
>
1000
</
td
>
<
td
>
5
</
td
>
<
td
>
3
</
td
>
</
tr
>
</
table
>
表格躯干
表格可以分为表头thead
,表体tbody
和表脚tfoot
,一般我们不用这种定义方式,因为这样会使问题变的很复杂,而且现在已经很少使用了
HTML thead 标签
表格的头部thead,可以使用单独的样式定义表头,并且在打印时可以在分页的上部打印表头.
HTML tbody 标签
浏览器显示表格时,通常是完全下载表格后,再全部显示,所以当表格很长时,可以使用tbody分段显示.
HTML tfoot 标签
表格的表脚tfoot,可以使用单独的样式定义表脚,并且在打印时可以在分页的下部打印表脚.
标签:
原文地址:http://www.cnblogs.com/JSWBK/p/5600422.html