网页表格的制作(高级)

 时间:2026-02-14 11:11:11

1、记住几个基本概念。

1、<TABLE></TABLE>  这是起始标识符。这对标签告诉电脑我要做一个表格。

2、<TR></TR>  这是行标签。在表格中有几对此标签就表示当前表格中有几行。(尾标签</tr>在后面仍有衔接的<tr>时可以省略)

3、<TD></TD>  表示一行中单元格的元素。一行中有几对此元素,就有几个单元格。

4、BORDER  参数。设定表格框线粗细。

把上边的代码组合,就成为最简单的表格:

<TABLE BORDER=1>

<TR><TD>1</TD></TR>

</TABLE>

结果看下图。

    

网页表格的制作(高级)

2、增加横格。

增加一组<TD></TD>就增加一个横格。(实际是增加了“列”)

网页表格的制作(高级)

网页表格的制作(高级)

3、增加整行。

增加一组<TR></TR>就增加一个整行(含首标签和尾标签之间的内容)。

网页表格的制作(高级)

网页表格的制作(高级)

4、左右栏位合并。

将<TD></TD>含之间的内容换成<TD COLSPAN=x>插入对象</TD>

(注:这个栏位左右横跨了几个栏位x就填几)

网页表格的制作(高级)

网页表格的制作(高级)

5、上下栏位合并。

第一步:将要删除的第一个格<TD>1</TD>换成<TD ROWSPAN=x>插入对象</TD>

第二步:删除将要删除的其余格代码

网页表格的制作(高级)

网页表格的制作(高级)

6、设置表格大小。

分别加入WIDTH、HEIGHT及其值。

网页表格的制作(高级)

网页表格的制作(高级)

7、文字的位置。

居中:在<TD>加入 ALIGN=CENTER

居左:在<TD>加入 ALIGN=LEFT

居上:在<TD>加入 VALIGN=TOP

居下:在<TD>加入 VALIGN=BOTTOM

注意:居上、居下都要带着前面居中的代码,不然就是居左上、左下了。

网页表格的制作(高级)

网页表格的制作(高级)

8、背景颜色设置。

加入:BGCOLOR=“#颜色码”

在指定一行加入背景颜色:将BGCOLOR=“#颜色码” 加在<TR>中

在指定一栏加入背景颜色:将BGCOLOR=“#颜色码” 加在<TD>中

网页表格的制作(高级)

网页表格的制作(高级)

网页表格的制作(高级)

网页表格的制作(高级)

9、图片做背景。

将BACKGROUND=“图片地址” 加到表格中(按上边第八步方法)

网页表格的制作(高级)

网页表格的制作(高级)

10、表格线颜色设置。

加入:BORDERCOLOR=“#颜色码”

网页表格的制作(高级)

网页表格的制作(高级)

11、综合制作。

上面都是基础性举例。只要耐心一点一点做,就会得心应手,从简单到复杂,形成高级漂亮表格,达到自己预想目标。

网页表格的制作(高级)

  • Excel2016怎么保护工作表
  • 腾讯文档怎么添加有序项目符号
  • Excel技巧——公式的输入和编辑
  • 2003Excel怎么删除、插入、重命名工作表
  • 如何在Excel2013中数据选项卡下添加记录单命令
  • 热门搜索
    qq怎么涂鸦 古装发型教程 怎么写现代诗 网络电视怎么安装 清澈的近义词 劝告的近义词 闲游的近义词 三七分发型男 电脑黑屏是怎么回事 扬州博物馆