DW中插入表格,应采用什么 *** 作

DW中插入表格,应采用什么 *** 作,第1张

你指的是Dreamweaver 吧.

插入------表格;即可。

或者

也可以自己输入代码

<table>

<tr>

<td>

</td>

</tr>

</table>

表格做网页是为了方便排版和定位,其实就是整页是一个表格,只不过表格的表框宽度为0,所以表格框架为不可见的,然后在相应的单元格填充或者文章标题,因为表格的单元格有百分比这样的属性,这样在网页放大放小的时候不至于导致网页内元素的混乱。至于具体怎么做,其实就是插入一个表格,按照你自己的要求合并好单元格,然后填好需要的内容,再将表格的框架宽度设为0就可以了

首先,你想清楚,你要表达的是什么。在table中,一般都会出现以下标签的:table,tbody,th,tr,td,colgroup,thead其中,tr一般是横向走的。td一般是纵向走的。。比如这样<tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> </tr>这样,tr里面的东西是横向走的。所以你想让表格横向的话,只是在一个table里面的tr标签里再插入一个表格就OK了

<form是表单标记 action是表单的链接地址 method是表单传输方式 表单中插表格很简单啊!先插入表单,在插入表格啊!也可以用html <form> <table></table> </form>

一、在Dreamweaver在表单中插入表格

1 点击鼠标,将光标定位在表单框线内部,然后插入表格,和在普通文档中的方法一样。如下图所示:

在“代码”视图中可以查看源代码:

2 插入表格以后,在表格的单元格中再插入表单的对象或者域标签。如下图所示:

二、提示

在表单中插入表格,能使表单对象和域标签的垂直或水平排列更加整齐、美观。

在表单中插入表格时,一定要注意使所有的 标签都包括在

标签之间。

表格嵌套通常是用一个总表格做整体布局的规划,它负责排版安排,然后在它内部嵌套一些表格负责子内容的排版。 布局规划:上面区域是标题链接栏,起导航作用。内容列表分为左右两栏,而左侧的内容列表还可以在分成上下两行。用 table 布局方法,做出这块内容最简单的方法需要用到五个表格,包括一个负责布局的总表格和四个负责子内容的内部表格。

*** 作步骤

1、搭建框架

1)新建一个页面,设置页面属性字体大小 12 像素,上下左右边距为零,链接颜色和已访问链接颜色为 #16387c,变换图像链接和活动链接颜色为 #FF0000,下划线样式定义为仅在变换图像时显示下划线。 点击菜单栏中的「插入」—「表格」,或直接点击插入工具栏中的「插入表格图标」,打开插入表格对话框,准备填入相关信息。 因为插入表格的时候不能控制左侧要几行,右侧要几行,所以只能计算需要用到的行数和列数的总和。插入的表格为三行两列,宽度为 580 像素,页眉选择第一项「无」,然后点击确定。

2)「合并单元格」,将第一行的左右两列选中,方法是点击左侧单元格,按住鼠标从左划到右侧单元格,然后点击属性面板中最下角的合并单元格按钮,第一行就合并成功了。

3)将表格右侧第二行和第三行的单元格进行合并,方法和前面的相同。 将这两项合并工作完成后,表格的样式基本上符合了布局规划,下面就是定义尺寸了。 点击第一行,在属性面板中高度中填入 27。 点击左侧第二行,在属性面板宽度中填入 290,高度填入 95。 点击左侧第三行,在属性面板高度中填入 75。 点击右侧第二行,在属性面板宽度中填入 290。 这下布局框架算是大功告成了。

2、嵌入表格

框架搭建完毕,接下来就是往其中嵌入表格。

1)嵌入标题链接栏。将鼠标点在第一行,插入表格,这次插入的表格属性为:一行,两列,宽度为 100%,高度 27,页眉无。点击刚插入表格的左侧单元格,定义宽度为 27,背景为 h_bg_11gif,在「水平」选项处选择「居中对齐」,最后在单元格中输入「软件」,点击右侧的单元格,输入标题链接栏中相关的其他内容。

2)插入列表。将鼠标点击在左侧第二行,插入表格,表格为两行三列,宽度暂为空,无页眉,然后点击确定。插入表格完成后,选中该表格,在属性面板中的对齐选项中选择「居中对齐」,选中第一行的三个单元格,宽度定义为 95 像素,高度定义为 70 像素,水平选项中选择「居中对齐」,之后将第二行的三个单元格的水平选项也选为「居中对齐」。最后在上面的三个单元格中插入三张并加上链接,第二行输入文字链接。

3)插入文章列表一 。点击左侧第三行单元格,插入表格,三行两列,宽度暂为空,无页眉,然后点击确定。随后向上面一样,定义表格对齐方式为「居中对齐」。定义第一列的宽度为 230 像素,第二列的宽度为 60 像素,使第二列的单元格水平对齐方式为「右对齐」,之后定义各行的高度为 20 像素,最后在第一列输入文章的标题,第二列输入作者名称。

4)插入文章列表二。现在就剩下右侧最大的单元格是空余的了,最后就把最多的文章列表嵌入到里面。 点击右侧第二行单元格,插入表格,表格为七行一列,然后将表格设置为水平居中,宽度定义为 90%,随后设置每个单元格的高度为 22 像素,最后在单元格中添加一些内容。 到这里,表格的嵌套基本上完成了,可以点击 F12 预览一下。

两个表格可以分别用两个DIV控制

将两个表格用DIV设置在同一层

也就是定位里的

Z轴设置为同一个值

margin-top设置为相同值

后面表格的

margin-left

就是离前面表格的距离

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11678352.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存