宁波网站设计专栏

宁波网站设计:合并单元格

发布时间:2018-09-22 22:58:31

  合并单元格
  合并单元格,就是将相邻的几个单元格合并成一个单元格。具体操作方法如下:

宁波网站设计:合并单元格的图片91

  首先,拖动鼠标选中要合并的连续单元格(假设选中第1行中间的2个单元格),然后单击”属性“面板上的”合并所选单元格,宁波网站设计使用跨度“按钮。
  删除行和列
  在使用表格组织大量信息时,往往需要在创建好的表格中插人或删除行与列,以增加或减少记录。
  插人行或列
  首先,选择拟插人行或列的位置。
  其次,单击鼠标右键,在弹出的菜单中选择”表格“/”插入行或列“命令。
  实际插入行或列
  再次,在弹出的窗口中选择插人的是行还是列,插入行/列的具体数目,以及选中插人位置。
  实际”插入行或列“对话框
  最后,在表格中成功插人新的行或列。
  删除行或列
  首先,选择拟删除的行或列的位置。
  其次,单击鼠标右键,在弹出的菜单中选择”表格“/”删除“命令即可。其方法基本相似于插人行或列的操作。
  小技巧:
  如果要快速删除行或列,也可拖动鼠标选中行或列,直接按Delete键。
  表格排序

宁波网站设计:合并单元格的图片87

  在Dreamweaver中,可以按照表格中的内容进行排序,操作方法如下:首先,选中拟进行排序的表格。
  利用标签编辑表格
  选择表格、行或单元格
  利用标签,需要在代码窗口中找到目标表格的代码,然后将从至<八31^>之间的所有代码全部拖黑选中,则该表格即被选中。
  同样的道理,如果要选中某行,则需将某个具体的行的从<&>至之间的所有代码全部拖黑选中。
  如果要选中某个单元格,则需将某个具体的单元格的从之间的所有代码全部拖黑选中。

宁波网站设计:合并单元格的图片99

  注意:通过标签代码选择表格操作烦琐且容易漏选部分代码,所以必须是对代码阅读和操作很熟练的人才能准确操作。对于初学者,建议还是通过可视化的设计界面选择为宜。
  设置表格的基本属性
  表格的基本属性包括表格的大小和对齐方式,下面一一加以说明。
  设置表格宽度——width
  在默认情况下,表格的宽度是与表格内的文字相关的,是根据内容自动调整的。如果想要指定表格的宽度,可以为表格添加width参数。

宁波网站设计:合并单元格的图片90

  语法如下:
    说明:
  表格宽度的值可以是具体的像素数,也可以设置为浏览器的百分比数。
  实例代码如下:
  设置表格的宽度〈/title>
  
  期中考试成绩表
  姓名    运行这段代码,调整浏览器的宽度后,表格的宽度也会随之变化。
  小技巧:
  如果想使表格的宽、高固定,那么可以将表格中的宽度值设置为固定的像素数,这样即便浏览器大小变化,表格也不会随之变化。
  设置表格高度——height
  设置表格高度的方法与设置表格宽度的方法相同,也可以将表格的高度设置为浏览器高度的百分比或者固定的像素数。
  语法如下:
  
  实例代码如下:
  〈title>设置表格的高度
  

宁波网站设计:合并单元格的图片97

  
    姓名  物理    运行这段代码,可以看到由于将表格髙度设为固定的像素数,无论浏览器如何变化,表格的高度都保持不变。

宁波网站设计:合并单元格的图片88

  表格的对齐方式-----align
  表格的对齐方式用于设置整个表格在网页中的位置。
  语法如下:

宁波网站设计:合并单元格的图片94

  
  说明:
  align参数的取值可以为left、center或者right。实例代码如下:
  设置表格对齐方式
  
  
  上海市文化区东王庄183号  -83546675

宁波网站设计:合并单元格的图片98

  zzdd@163.com.cn

宁波网站设计:合并单元格的图片85

  李万里  
  -63546874
  
  运行这段代码,可以看到表格的内容居中显示。
  设置表格的边框宽度——border
  在默认情况下,表格是不显示边框的。为了使表格更加清晰,可以使用border参数设置边框的宽度。

宁波网站设计:合并单元格的图片95

  语法如下:
  
  说明:
  只有设定了border参数,且其值不为0,在网页中才能显示出表格的边框。border的单位为像素。
  实例代码如下
  设置表格边框〈/title>
  
  
  

宁波网站设计:合并单元格的图片92

    上海市文化区东王庄183号0313-83546675
  zzdd@163.com.cn
    0535-63546874
  LIWANL1165@163.net
  运行此程序,表格的边框宽度为1像素,由于第一行”通信录“为表格的标题,因此其周围并没有边框。
  表格边框的颜色-----bordercolor

宁波网站设计:合并单元格的图片89

  在默认情况下,表格边框的颜色是灰色,为了让表格更鲜明,可以使用bordercolor参数设置不同的表格边框颜色,但是设置边框颜色的前提是边框宽度不能为0,否则无法显示应有的效果。
  语法如下:
  

宁波网站设计:合并单元格的图片84

  在该语法中,边框宽度不能为0,边框颜色为16位颜色代码。实例代码如下:
  设置边框颜色
  运行这段代码,看到表格的边框颜色发生了变化。
  内框宽度-----cellspacing
  表格的内框宽度是指表格内部各个单元格之间的距离。
  语法如下:
  
  说明:
  内框宽度的单位为像素。

宁波网站设计:合并单元格的图片86

  实例代码如下:
  设置表格内框宽度
  
  
  运行这段代码,可以看到表格中单元格之间的距离拉大了。
  设置表格的背景色——bgcolor
  为了突出显示表格,还可以为表格设置与页面不同的背景。设置表格背景,最简单的就是给表格设置背景颜色。
  语法如下:

宁波网站设计:合并单元格的图片96

    说明:
  表格的背景颜色,其颜色代码是十六进制的HEX值。
  实例代码如下:
  设置表格背景
  运行这段代码,可以看到给表格设置了淡紫色的背景颜色。
  小技巧:
  对于一些常见颜色,如果不知道其HEX值,也可以直接写其英文单词,同样有效,如:08)设置表格的背景图像——background除了可以为表格设置背景颜色之外,还可以设置背景图像,让表格更加绚丽。

宁波网站设计:合并单元格的图片93

  语法如下:
  
  说明:
  背景图片的地址可以设置为相对地址,也可以设置为绝对地址。
  本文转载自
  宁波网站设计www.leseo.net
  补充词条:宁波seo网站优化  宁波seo外包  宁波谷歌seo  宁波网站优化推广  宁波谷歌优化