表格基本操作

  • 2019-10-17 11:08:16
  • 阅读次数:
  • 作者:盈岚科技小编
  • 来源:http://www.lyjtt.cn

浏览互联网上绝大部分网页,都会发现表格控制页面的影子。表格能使各种元素在网页设计中布局得整齐统一、井然有序。Dreamweaver为网页设计提供了强大的表格功能。在Dreamweaver中可以很轻松地插入表格、设置表格属性,以及改变表格的结构和大小等。

插入表格

在网页中插入表格的方法非常简单。例如,插入一个3行3列的表格,可以按照下列步骤进行操作。

【操作步骤】

第1步,启动Dreamweaver,新建HTML文档,保存为test.html。

第2步,将光标置于文档中要插入表格的位置。

第3步,选择【插入】|【表格】命令,打开【表格】对话框。

第4步,在【表格】对话框中设置主要属性。   

•行数:在该文本框中输入表格的行数为3。   

•列:在该文本框中输入表格的列数为3。   

•表格宽度:在该文本框中设置表格的宽度值为200,单位为像素,也可以用百分比来设置。

第5步,其他选项暂时保留默认值。输入完毕后,单击【确定】按钮,关闭对话框,这时页面中将显示插入的表格。

提示:在【表格】对话框中,还涉及其他的参数设置。   

•边框粗细:该文本框用于设置表格的边框宽度,以像素为单位。如果表格边框设置为0,则不显示表格边框。   

•单元格边距:该文本框用于设置单元格中的内容和边框之间的距离,以像素为单位。

它的默认值为1。   

•单元格间距:该文本框用于在网站建设中设置各单元格之间的距离,以像素为单位。它的默认值为2。在【标题】选项组中可以为表格设置拥有标题的行或列。   

•无:不使用行或列标题。   

•左:将表格的第1列作为标题列,以便为表格中的每一行输入一个标题。   

•顶部:将表格的第1行作为标题列,以便为表格中的每一列输入一个标题。   

•两者:可以在表格中输入行标题和列标题。在【辅助功能】选项组中可以设置表格辅助功能。

•标题:提供了一个显示在表格外的表格标题。  

•摘要:可以输入表格的说明文本。屏幕阅读器可以读取摘要文本,但是该文本不会显示在用户的浏览器中。

第6步,插入表格以后,如果在单元格中再插入一个表格,这时插入的表格即为嵌套表格。插入嵌套表格的方法与插入表格的方法基本一致,只要将插入点置于要嵌套的单元格中,然后按照插入表格的方法插入嵌套表格即可,

当前文章标题:表格基本操作

当前URL:http://www.lyjtt.cn/news/wzzz/3111.html

上一篇:在网页设计中的圆角栏目

下一篇:如何在网页设计中编辑表格

网站建设、网络营销咨询专线:181-8386-5875(点击可一键拨号)