Html中table显示空单元格的方法及table标签属性总结

这段时间因为公司限制域账户登录，在win7下无法上网，就切换到xp系统了，逐渐开始用office2007来发blog，还好基本上我在2010中用到的功能2007都有。

今天在动态生成htm文件时发现自己以前的htm相关知识都忘了，所以要边用边搜索，顺便总结下。

因为用table显示查询统计的表格，所以必须要让table中空的单元格可以显示出边框来，尝试过有两种方法：1.<td></td>中间加上&nbsp;，注意不能是直接空格，必须用&nbsp;才可以；2.在table属性中加入frame="border"。 表格边框的显示与隐藏，是可以用frame参数来控制的。请注意它只控制表格的边框图，而不影晌单元格。

只显示上边框 &lt;table frame=above&gt;<br>

只显示下边框 &lt;table frame=below&gt; <br>

只显示左、右边框 &lt;table frame=vsides&gt;<br>

只显示上、下边框 &lt;table frame=hsides&gt;<br>

只显示左边框 &lt;table frame=lhs&gt;<br>

只显示右边框 &lt;table frame=rhs&gt;<br>

不显示任何边框 &lt;table frame=void&gt;</td>

<table>标签的属性设置

带边框的表格：
<table border=1 >
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
<tr><td>A</td><td>B</td><td>C</td>
</table>

Food	Drink	Sweet
A	B	C

不带边框的表格：
<table> <tr><th>Food</th><th>Drink</th><th>Sweet</th> <tr><td>A</td><td>B</td><td>C</td> </table>

Food	Drink	Sweet
A	B	C

边框尺寸设置： <table border=#> #=边框粗度

<table border=10>

<tr><th>Food</th><th>Drink</th><th>Sweet</th>

<tr><td>A</td><td>B</td><td>C</td>

</table>

Food	Drink	Sweet
A	B	C

<table border width=# height=#>width：宽度，height：高度,#＝象素
设置表格宽度和高度：
<table border width=170 height=100> <tr><th>Food</th><th>Drink</th><th>Sweet</th> <tr><td>A</td><td>B</td><td>C</td> </table>

Food	Drink	Sweet
A	B	C

<table border cellspacing=#> #=象素

表元间隙设置：
<table border cellspacing=10> <tr><th>Food</th><th>Drink</th><th>Sweet</th> <tr><td>A</td><td>B</td><td>C</td> </table>

Food	Drink	Sweet
A	B	C

<table border cellpadding=#> #=象素
表元内部空白设置：
<table border cellpadding=10> <tr><th>Food</th><th>Drink</th><th>Sweet</th> <tr><td>A</td><td>B</td><td>C</td> </table>

Food	Drink	Sweet
A	B	C

<table align=#> #=left,right,center

设置表格在网页中的布局位置：

<table align="left" border>

<tr><th>Food</th><th>Drink</th><th>Sweet</th>

<tr><td>A</td><td>B</td><td>C</td>

</table>

My favorites...<br>

cookies, chocolates, and more.

Food	Drink	Sweet
A	B	C

My favorites...
cookies, chocolates, and more.

表格的标题
<caption > 标题内容</caption>
align=left,right,center valign=bottom,top

<table border>

<caption align=center>Lunch</caption>

<tr><th>Food</th><th>Drink</th><th>Sweet</th>

<tr><td>A</td><td>B</td><td>C</td>

</table>

Lunch
Food	Drink	Sweet
A	B	C

表格边框的色彩
<table bordercolor=#>

<table cellspacing=5 border=5 bodercolor=#ffaa00>

<tr><th>Food</th><th>Drink</th><th>Sweet</th>

<tr><td>A</td><td>B</td><td>C</td>

</table>

Food	Drink	Sweet
A	B	C

表格边框色彩的亮度控制
<table bordercolorlight=#>
<table bordercolordark=#>

<table
cellspacing=5 border=5

bordercolorlight=blue bordercolordark=Maroon>

<tr><th>Food</th><th>Drink</th><th>Sweet</th>

<tr><td>A</td><td>B</td><td>C</td>

</table>

Food	Drink	Sweet
A	B	C

注意htm中的颜色只能用#RRGGBB表示，比如说黑色就是#000000，而不能像delphi中那样写成clBlack（可能没有定义宏常量的原因）。