九乡新闻网花千骨主题曲试听:各种表格的制作代码(框)
来源：百度文库 编辑：九乡新闻网 时间：2024/04/27 18:27:14
一、简单表格制作
A、 首先我们来看一个最简单的表格：
代码：
结果：
1
利用这个标签来告诉电脑，这是一个表格，至于 BORDER=1 这参数是设定此表格的框线粗细为 1。一组
结果：
1 2 3
C 、看见没有，
代码：
结果：
1 2 3
4 5 6
二、合并表格栏位
1、左右栏位合并:如何将 1、2、3 格通通合并变成一大格
代码：
结果：
1
4 5 6
COLSPAN="3"，是“左右栏位合并”的属性，COLSPAN="3"的意思就是“这个栏位左右横跨了3个栏位”，也正因如此，本来的两个都可以省掉了，因为都被并掉了嘛！
2、上下栏位合并：如何上下合并，将 1、4格通通合并变成一大格
代码：
结果：
1 2 3
5 6
要合并栏位就一定有些栏位会被“牺牲”掉（也就是那些被合并的栏位啦！），这次我们要“上下合并”，我们将1与4合并成一个栏位，那么被牺牲的是哪一个栏位呢？没错就是下面那一个倒楣的4，我们看看上图，果然4已经删掉了，而在1的 标签中则多了个生面孔ROWSPAN，这就是“上下栏位合并”的属性，ROWSPAN=2的意思就是“这个栏位上下连跨了2个栏位”。
三、表格对齐设置
1、我可以自己设定表格的大小吗？当然可以，您可以自由设定表格的“宽”及“高”喔！我们来制作一个宽100、高60的表格，做法如下：
代码：
结果：
1
2、只要在 加入 ALIGN=CENTER 这参数，让1 回到中间
代码：
结果：
1
此外，利用 ALIGN=RIGHT可以让表格中物件置右、利用 ALIGN=LEFT可以让表格中物件置左（预设值），至于为什么要加在 中呢？因为， 是一个栏位的意思，我们要指定在这栏位中的东西要置中或置左置右，就必须将ALIGN加在 中。
3、既然可以置中，那么也可以控制表格内文字靠上方、靠下方吗？可以的，只要利用 VALIGN=TOP 这种属性即可让表格内物件靠上方对齐。
代码：
结果：
1
利用VALIGN=MIDDLE可以让表格中物件垂直置中（预设值），VALIGN=BOTTOM可以H让表格中物件靠下方。
四、表格背景设置
1、那么表格可以设定底色吗？可以的不但表格可以，您也可以指定某栏或某列的颜色，方法和加背景颜色一样，利用BGCOLOR="颜色码"就行了。底下是指定整格表格背景颜色的方法：
代码：
结果：
1 2
3 4
将BGCOLOR="颜色码"加在 中，可以指定“一列”的背景颜色：
代码：
结果：
1 2
3 4
将BGCOLOR="颜色码"加在中，可以指定“一栏”的背景颜色：
代码：
结果：
1 2
3 4
2、表格除了可以设定底色外，也可以用图片来作背景吗？当然可以，方法一样简单，只要将BACKGROUND="图片名称"加到表格中就行了。和表格背景颜色一样，不但表格可以设定背景图片，您也可以指定某栏或某列的背景图片：
代码：
结果：
1 2
3 4
将BACKGROUND="图片名称"加在 中，可以指定“一栏”的背景颜色：
代码：
结果：
1 2
3 4
五、 表格框线设置
1、如何设定表格粗细？只要利用BORDER="粗细值"就行了。
代码：
结果：
1
2、如何设定表格颜色？只要利用BORDERCOLOR="颜色码"就行了
代码：
结果：
1
3、另外，我们也可以设定表格的阴影、亮面颜色，让表格看起来更有立体感喔！只要利用 BORDERCOLORLIGHT="#颜色码"（亮面设定） BORDERCOLORDARK="颜色码"（暗面设定）就行了。
代码：
结果：
1
六、表格栏距设置
1、我们可以利用CELLPADDING属性自由设定表格内文距离格线的距离，这个属性很好用，保持适当的距离，看起来比较舒服。一般而言内定值为2，不过我建议设定为4比较漂亮。
代码：
结果：
1 2
2、我们可以利用CELLSPACING属性设定表格栏位格线之间的距离。一般而言内定值为2，不过我通常习惯设为 0 。
代码：
结果：
1 2
七，表格的立体化
1 2
3 4
喜欢这样的表格吧，你只要在做好的表格前面添加下方蓝色部分的代码，就可以演变出漂亮的立体格式了。
代码：
**********
含有外边框的表格及表格内的文字链接和动态小图(http://ansuoran666.blog.163.com/blog/static/9940411320081197253977/)
一、外边框包围内边框的代码：
二、看看表格效果：
文字输入处 文字输入处 文字输入处
三、怎样使表格内的文字产生链接效果？
方法是：在“文字输入处”加入一段“链接代码”，这段“链接代码”如下：
网页名称
示范如下：
说明：“网址”二字处就是你要粘贴你那个网页的地址，“网页名称”就是填写你链接的那个网页名称。
四、怎样在每个小单元格的文字前放一个gif的动态小图？
方法是：在“输入文字处”也就是现在的红色“链接代码”前面再加一段“图片链接代码”，这段“图片链接代码”如下：
（说明：“gif小图地址”处粘贴你所要放的动态小图的网上地址。）
示范如下：
五、看看做有链接效果和放入动态小图后的表格效果：
网页名称网页名称网页名称
六、怎样制作多行单元格？
方法是：就是将从到 之间的代码重新复制，粘贴在
之前。需要添加几行就粘贴几次。
示范如下：
看看效果：
网页名称网页名称网页名称
网页名称网页名称网页名称
网页名称网页名称网页名称
*************
表格制作及表格中的文字链接
(http://ansuoran666.blog.163.com/blog/static/994041132008112923028389/)
搜集整理：蓝天 资料来源：海珠儿
操作窗口:编辑状态下的自定义模块中或编辑状态下的日志窗口的HTML编辑器中
一、表格基本代码:
说明：width=450 表单元格宽度；bgColor=#ff0000 表边框颜色，“ff0000”这是红颜色代码，
要改变颜色可参看颜色代码表。
二、表格单元格代码:
文字编辑或文字链接代码处
三、将单元格代码插入基本代码中后的代码示范:
说明:
1、width=450 这是单元格的宽度,“450”这个值是可以变的。如果把表放在首页中间宽的一栏，这个值
可设为“440--450”为宜；如果把表放在窄的一栏，这个值可设为“220”为宜。
2、红色代码是代入的单元格代码；
3、height=40 这是单元格的高度， “40”这个值是可以改大改小的；
4、width="100%" 这是表单元格的宽度的百分比，100%这个值也是可以变化的。如果在一行中不需再分
成小单元格，那么它的百分比就是100%；（即单元格宽度width=450 的100%）
四、将插入红色单元格代码后的一段代码连续复制粘贴几次就是几
行单元格。
一行单元格效果:（复制粘贴代码1次）
文字编辑或文字链接代码处
两行单元格效果:（复制粘贴代码2次）
文字编辑或文字链接代码处
文字编辑或文字链接代码处
三行单元格效果：（复制粘贴代码3次）
文字编辑或文字链接代码处
文字编辑或文字链接代码处
文字编辑或文字链接代码处
四行单元格效果：（复制粘贴代码4次）
文字编辑或文字链接代码处
文字编辑或文字链接代码处
文字编辑或文字链接代码处
文字编辑或文字链接代码处
五、将行分成若干个小单元格：
1、如果在一行中又分成2个小单元格，那么它的百分比就是50%；（即每个
小单元格占单元格宽度width=450 的50%）并将由开始标记和结束标记D>组成的这段单元格代码( 文字编辑或文字链接代码处 ）
再复制粘贴1次插入代码中,下面代码示范中红色处就是.
代码示范如下：
border=0>
思考:如果要将一行单元分成3个、4个、5个......小单元格怎么办?
答案:分成几个小单元格,红色代码就要在整个代码中出现几次,其百
分比依次是:33.3%、25%、20%......
请看看效果:
文编辑或文字链接代码处 文编辑或文字链接代码处
文字编辑或文字链接代码处 文字编辑或文字链接代码处 文字编辑或文字链接代码处
文编或文字链接代码处 文编或文字链接代码处 文编或文字链接代码处 文编或文字链接代码处
文编或文接代码处 文编或文接代码处 文编或文接代码处 文编或文接代码处 文编或文接代码处
六、在“文字编辑或文字链接代码处”做文字链接
怎样做文字链接，请参看：文字图片链接必须学
做链接后的表格示例如下：
博客技巧
博客代码
新手必读
博客技巧 博客代码 新手必读
博客技巧 博客代码 新手必读
博客技巧 博客代码 新手必读
博客技巧
博客代码
新手必读
A、 首先我们来看一个最简单的表格：
代码：
| 1 |
结果：
1
利用
| 则是设定一个栏位。当然，文字就是要摆在这里面就是“1”的位置 | |||||||||||||||||||||||||||||||||||||
| 1 | 2 | 3 |
结果：
1 2 3
C 、看见没有，
代码：
| 1 | 2 | 3 |
| 4 | 5 | 6 |
结果：
1 2 3
4 5 6
二、合并表格栏位
1、左右栏位合并:如何将 1、2、3 格通通合并变成一大格
代码：
| 1 | ||
| 4 | 5 | 6 |
结果：
1
4 5 6
COLSPAN="3"，是“左右栏位合并”的属性，COLSPAN="3"的意思就是“这个栏位左右横跨了3个栏位”，也正因如此，本来的两个
2、上下栏位合并：如何上下合并，将 1、4格通通合并变成一大格
代码：
| 1 | 2 | 3 |
| 5 | 6 |
结果：
1 2 3
5 6
要合并栏位就一定有些栏位会被“牺牲”掉（也就是那些被合并的栏位啦！），这次我们要“上下合并”，我们将1与4合并成一个栏位，那么被牺牲的是哪一个栏位呢？没错就是下面那一个倒楣的4，我们看看上图，果然4已经删掉了，而在1的
三、表格对齐设置
1、我可以自己设定表格的大小吗？当然可以，您可以自由设定表格的“宽”及“高”喔！我们来制作一个宽100、高60的表格，做法如下：
代码：
| 1 |
结果：
1
2、只要在
代码：
| 1 |
结果：
1
此外，利用 ALIGN=RIGHT可以让表格中物件置右、利用 ALIGN=LEFT可以让表格中物件置左（预设值），至于为什么要加在
3、既然可以置中，那么也可以控制表格内文字靠上方、靠下方吗？可以的，只要利用 VALIGN=TOP 这种属性即可让表格内物件靠上方对齐。
代码：
| 1 |
结果：
1
利用VALIGN=MIDDLE可以让表格中物件垂直置中（预设值），VALIGN=BOTTOM可以H让表格中物件靠下方。
四、表格背景设置
1、那么表格可以设定底色吗？可以的不但表格可以，您也可以指定某栏或某列的颜色，方法和加背景颜色一样，利用BGCOLOR="颜色码"就行了。底下是指定整格表格背景颜色的方法：
代码：
| 1 | 2 |
| 3 | 4 |
结果：
1 2
3 4
将BGCOLOR="颜色码"加在
代码：
| 1 | 2 |
| 3 | 4 |
结果：
1 2
3 4
将BGCOLOR="颜色码"加在
代码：
| 1 | 2 |
| 3 | 4 |
结果：
1 2
3 4
2、表格除了可以设定底色外，也可以用图片来作背景吗？当然可以，方法一样简单，只要将BACKGROUND="图片名称"加到表格中就行了。和表格背景颜色一样，不但表格可以设定背景图片，您也可以指定某栏或某列的背景图片：
代码：
| 1 | 2 |
| 3 | 4 |
结果：
1 2
3 4
将BACKGROUND="图片名称"加在
代码：
| 1 | 2 |
| 3 | 4 |
结果：
1 2
3 4
五、 表格框线设置
1、如何设定表格粗细？只要利用BORDER="粗细值"就行了。
代码：
| 1 |
结果：
1
2、如何设定表格颜色？只要利用BORDERCOLOR="颜色码"就行了
代码：
| 1 |
结果：
1
3、另外，我们也可以设定表格的阴影、亮面颜色，让表格看起来更有立体感喔！只要利用 BORDERCOLORLIGHT="#颜色码"（亮面设定） BORDERCOLORDARK="颜色码"（暗面设定）就行了。
代码：
| 1 |
结果：
1
六、表格栏距设置
1、我们可以利用CELLPADDING属性自由设定表格内文距离格线的距离，这个属性很好用，保持适当的距离，看起来比较舒服。一般而言内定值为2，不过我建议设定为4比较漂亮。
代码：
| 1 | 2 |
结果：
1 2
2、我们可以利用CELLSPACING属性设定表格栏位格线之间的距离。一般而言内定值为2，不过我通常习惯设为 0 。
代码：
| 1 | 2 |
结果：
1 2
七，表格的立体化
1 2
3 4
喜欢这样的表格吧，你只要在做好的表格前面添加下方蓝色部分的代码，就可以演变出漂亮的立体格式了。
代码：
| 1 | 2 |
| 3 | 4 |
**********
含有外边框的表格及表格内的文字链接和动态小图(http://ansuoran666.blog.163.com/blog/static/9940411320081197253977/)
一、外边框包围内边框的代码：
| 文字输入处 | 文字输入处 | 文字输入处 |
二、看看表格效果：
文字输入处 文字输入处 文字输入处
三、怎样使表格内的文字产生链接效果？
方法是：在“文字输入处”加入一段“链接代码”，这段“链接代码”如下：
网页名称
示范如下：
| 网页名称 | 网页名称 | 网页名称 |
说明：“网址”二字处就是你要粘贴你那个网页的地址，“网页名称”就是填写你链接的那个网页名称。
四、怎样在每个小单元格的文字前放一个gif的动态小图？
方法是：在“输入文字处”也就是现在的红色“链接代码”前面再加一段“图片链接代码”，这段“图片链接代码”如下：
示范如下：
五、看看做有链接效果和放入动态小图后的表格效果：
网页名称网页名称网页名称六、怎样制作多行单元格？
方法是：就是将从
示范如下：
看看效果：
网页名称网页名称网页名称网页名称网页名称网页名称网页名称网页名称网页名称*************
表格制作及表格中的文字链接
(http://ansuoran666.blog.163.com/blog/static/994041132008112923028389/)
搜集整理：蓝天 资料来源：海珠儿
操作窗口:编辑状态下的自定义模块中或编辑状态下的日志窗口的HTML编辑器中
一、表格基本代码:
说明：width=450 表单元格宽度；bgColor=#ff0000 表边框颜色，“ff0000”这是红颜色代码，
要改变颜色可参看颜色代码表。
二、表格单元格代码:
三、将单元格代码插入基本代码中后的代码示范:
| 文字编辑或文字链接代码处 |
说明:
1、width=450 这是单元格的宽度,“450”这个值是可以变的。如果把表放在首页中间宽的一栏，这个值
可设为“440--450”为宜；如果把表放在窄的一栏，这个值可设为“220”为宜。
2、红色代码是代入的单元格代码；
3、height=40 这是单元格的高度， “40”这个值是可以改大改小的；
4、width="100%" 这是表单元格的宽度的百分比，100%这个值也是可以变化的。如果在一行中不需再分
成小单元格，那么它的百分比就是100%；（即单元格宽度width=450 的100%）
四、将插入红色单元格代码后的一段代码连续复制粘贴几次就是几
行单元格。
一行单元格效果:（复制粘贴代码1次）
文字编辑或文字链接代码处
两行单元格效果:（复制粘贴代码2次）
文字编辑或文字链接代码处
文字编辑或文字链接代码处
三行单元格效果：（复制粘贴代码3次）
文字编辑或文字链接代码处
文字编辑或文字链接代码处
文字编辑或文字链接代码处
四行单元格效果：（复制粘贴代码4次）
文字编辑或文字链接代码处
文字编辑或文字链接代码处
文字编辑或文字链接代码处
文字编辑或文字链接代码处
五、将行分成若干个小单元格：
1、如果在一行中又分成2个小单元格，那么它的百分比就是50%；（即每个
小单元格占单元格宽度width=450 的50%）并将由开始标记
再复制粘贴1次插入代码中,下面代码示范中红色处就是.
代码示范如下：
| 文字编辑或文字链接代码处 | 文字编辑或文字链接代码处 |
思考:如果要将一行单元分成3个、4个、5个......小单元格怎么办?
答案:分成几个小单元格,红色代码就要在整个代码中出现几次,其百
分比依次是:33.3%、25%、20%......
请看看效果:
文编辑或文字链接代码处 文编辑或文字链接代码处
文字编辑或文字链接代码处 文字编辑或文字链接代码处 文字编辑或文字链接代码处
文编或文字链接代码处 文编或文字链接代码处 文编或文字链接代码处 文编或文字链接代码处
文编或文接代码处 文编或文接代码处 文编或文接代码处 文编或文接代码处 文编或文接代码处
六、在“文字编辑或文字链接代码处”做文字链接
怎样做文字链接，请参看：文字图片链接必须学
做链接后的表格示例如下：
博客技巧
博客代码
新手必读
博客技巧 博客代码 新手必读
博客技巧 博客代码 新手必读
博客技巧 博客代码 新手必读
博客技巧
博客代码
新手必读
【表格制作】各种表格的制作代码(框)
各种表格的制作代码(框)
各种表格的制作代码(框)
各种表格的制作代码(框) -
各种表格的制作代码（框）
各种表格的制作代码
各种表格的制作代码
各种表格的制作代码 重要
制作各种简易表格的代码
导航表格的制作【代码】
《各种表格的制作代码第30816教程》干群共产主义国家名牌大学义务教育编号2011030816
各种表格代码
如何制作表格及合并表格代码
音画制作各种代码
表格的制作大全
制作带表头、表尾的表格边框代码及应用实例4款
引用 漂亮的表格代码
表格的编制（代码）
绿框竖排表格代码
表格的高级样式[无名表格、虚线表格]制作分解
【表格】代码
【漂亮的表格制作分解】
制作漂亮的Excel表格
【网页制作】表格的使用