| 清单标记一览 |
<TABLE> <TR> <TD>
<TH>
<CAPTION>
|
<TABLE> <TR> <TD>
表格标记 |
-
说明：通常
<TABLE> <TR> <TD>
这三个标记必须联合使用才有意义，所以放在一起介绍。
<TABLE> 定义一个表格
<TR> 定义一行
<TD> 定义一个单元格 -
<TABLE> 参数表
|
参数 |
参数值 |
用法示例 |
作用及说明 |
| width |
象素
或百分比 |
width="778"
width="90%" |
定义表格的宽度。可以是绝对值(象素)也可以是相对值(相对屏幕或某区域的宽度) |
| height |
象素
或百分比 |
height="300"
height="30%" |
定义表格的高度。
用法同
width 。 |
|
align |
left
center
right |
align="left" |
定义表格的水平位置
[示例为左对齐] |
| valign |
top
middle
bottom |
valign="middle" |
定义表格内对象的垂直位置 |
|
border |
正整数 |
border="1" |
定义表格及单元格边框线宽度 |
|
bordercolor |
RGB值 |
bordercolor="#FF00FF" |
定义表格线条颜色
参见[参见调色原理] |
|
bordercolorlight |
RGB值 |
bordercolor="#C0C0C0" |
定义表格向光部分的线条颜色 |
|
bordercolordark |
RGB值 |
bordercolor="#808080" |
定义表格背光部分的线条颜色 |
|
bgcolor |
RGB值 |
bgcolor="#C0C0C0" |
定义表格背景颜色 |
|
backcolor |
RGB值 |
backcolor="#808080" |
定义文字背景颜色 |
|
cellspacing |
正整数 |
cellspacing="0" |
定义单元格间距 |
|
cellpadding |
正整数 |
cellpadding="0" |
定义单元格填充 |
|
rowspan |
正整数 |
rowspan="2" |
定义单元格行域 |
|
colspan |
正整数 |
colspan="2" |
定义单元格列域 |
|
style |
参数 |
|
定义样式[详见表格举例] |
|
id |
文本 |
id="AutoNumber1" |
定义表格名称 |
|
说明：
· 表中参数除
id cellpadding backcolor 有所特指外，其余参数通用。
· 对象可以是文字、图片、表格中的表格...甚至是嵌入的网页。
· 参数
style
和 单元格填充、单元格行域、单元格列域的具体含义详见表格举例。 |
-
表格举例
· 表格各部分名称
本例中的表格有四个单元格
表格中白色区域称为单元格间距。不能存放任何东西。
表格中灰色区域称为单元格填充。不能存放任何东西。
(我加的文字是为方便理解经过特殊处理的，实际上是写不上字的。)
表格中橘红色部分是存储区，可以存放具体的对象(如文字、图片...等)。
表格最外面的线条是表格边框线
表格里面的各线条是单元格边框线
表格向光部分
·
普通表格
|
HTML 源码 |
浏览器显示结果 |
<table border="1" cellpadding="0" cellspacing="0"
width="80%"
id="AutoNumber17"
style="border-collapse: collapse" bordercolor="#111111">
<tr>
<td width="50%"> </td>
<td width="50%"> </td>
</tr>
<tr>
<td width="50%"> </td>
<td width="50%"> </td>
</tr>
</table>
|
|
|
部分源码释义：
·width="80%"
是指表格宽度为当前区域[本例是一单元格]宽度的80%。
·style="border-collapse:
collapse" 是指表格样式为压缩。意即表格边框线和
其紧挨的单元格边框线、相邻单元格的边框线不重复显示，将两条线“压缩”成一
条线显示。
·id="AutoNumber17"
是表格名称。这里是我用 FrontPage 编辑时自动生成的，意
义为当前表格是本网页中的第 17
个表格(不要浪费时间数了，网页中有的表格边框
线宽度为 0
不显示，呵呵)。表格名称可以根据需要重新命名。 |
·
表格和单元格边框线都显示的表格
·
有合并单元格或拆分单元格的表格
表格中第一个单元格的源码如下：
<td width="50%"
rowspan="2" colspan="2">
</td>
rowspan="2" 表示该单元格的行域等于 2
。意即占据两行的位置。
colspan="2" 表示该单元格的列域等于 2
。意即占据两列的位置。
-
我自己都烦了呀，呵呵
· 另外，在编辑复杂的表格时，最好在
FrontPage 的[普通] 状态下编辑，这样可以
减少对诸如 <rowspan> 标记的错用，必要是到 [HTML]
状态下插入一些诸如
<br> <p> 等 HTML标记，这样有利于您定位编辑位置。其它还有表格的宽度、高度
也好烦哦， 这些都靠您在实践中去慢慢体会了。
·
表格标记有 <table> <tr> <td>
三个已足够用。数量虽少，但用好却也不易，不
信的话，走着瞧吧。只所以不厌其烦的举例说明，其意不外乎是想让初学者少走点弯
路。可能你已看得不耐烦了，其实我自己都烦了呀，呵呵。
|
|
<TH> 标题单元格标记 |
|
|
|
<CAPTION>
表格标题标记 |
|
|