如何用Dreamweaver制作网页表格

方法/步骤

1

要想用Dreamweaver来制作网页，首先要安装Dreamweaver网页制作的工具，那是必备的哦，可以去官网里面去下载即可。第一步是打开Dreamweaver工具；

然后在Dreamweaver选项的中，选择新建一个Html文件，这个是制作网页的前提哦；

进入Dreamweaver主界面后，我们可以看到自动生成的标题、头、身体的相关的代码的出现，这个是软件自动生成的，可以直接使用的；

在Dreamweaver代码的主界面中，在代码、拆分、设计这三个选项卡中，选择拆分，因为这样可以更好的看到代码与相关设计的表格的调整的问题；

然后选择插入中的表格的选项，这个是用来选择表格的选项的；

选择表格的选项框出现后，然后根据个人的需要，可以选择表格的行与列，还可以选择相关的标题、摘要，那我们就选择五行五列吧；

当我们点击确定后，就能够看到左边的代码区域，右边的相关表格的区域；

表格制作好后，可以根据个人的需要对表格进行调整大小，我们可以通过鼠标的拖动来调整表格的大小；

我们还可以在代码中调整网页表格的大小，对表格的长与宽进行相关的调整，可以修改长与宽的值的大小；

最后一定要记得保存哦，保存的文件是以html为后缀名的哦；

步骤阅读

文件保存好后，你可以在Dreamweaver页面中按F12来浏览你做好的网页表格，哈哈，很简单吧；

1表格有什么？1）框架2）横线3）竖线4）方格所以，一个表格是由许多线和方格组成的。当然，可以加上标题等。用HTML创建表格没有任何不同。1）table:表格标记，表格中所有的属性等都必须在

当中2）tr:行标记，表格中水平间隔3）td:列标记，表格中垂直间隔

2OK，来做一个简单的表格。

语文	数学
英语	嘿嘿

3效果图如下好吧，没有框框

4怎么加上框框呢？给table加上属性

再来试试

5给表格设置标题：只要在

的下面加上即可。XXXXS

6效果图如下

7有时候，表格是有表头的，给表头加黑是一种方式，还有一种方式则是设置表头。

8关于表格的内容还有很多，我这里只是起到一个抱砖引玉的作用，还有更多的知识，不要不断的努力去学习，才能掌握。

Html的表格用table来表示。下面，我们来看看HTML怎么插入表格吧。

table

首先定义HTML表格，代码为<table></table> ，如下图所示：

定义表格的行

使用tr元素定义HTML表格的行，如下图所示：

定义单元格

使用td元素定义单元格，如下图所示：

表格的边框

然后用border定义表格的边框，如下图所示：

使用webstorm制作网页文件的时候，难免会遇到制作表格的情况，而且关键的布局方式一般都是使用表格完成的。

工具/原料

电脑

webstorm

方法/步骤

1、制作表格我们需要使用标签table在html中输入table标签，然后设置行和列，，tr代表行,td代表列，然后在行和列中输入相关的内容。

2、预览网页我们发现，网页显示格式看起来不像是表格，因为没有框线，这时候我们需要给table标签设置边框，border，如图所示，在table标签中，定义border的值，这样再预览网页我们就可以看到表格样式。

3、图中的表格表头和文本内容显示格式一致，我们可以使用th标签代替td标签作为表格的表头，系统自动将表头内部的文本内容加粗居中显示，这样表头格式就被着重定义出来。

4、可以使用caption标签给表格添加标题，caption是table标签的子标签需要写在table标签内部，将需要定义的标题文本输入到caption中。

5、两行数值一样的话可以设置为rowspan值，如图所示，两行数据一致，直接设置rowspan值为2，下一行的这个数值就不必单独定义了，如果是三行数值一致，那么可以直接设置为3。

6、将多列相同数据一起显示可以使用colspan来进行设置，如图所示，第三列所有的内容都全部显示一致，我们可以设置像表格中的合并效果然后一起显示，这样就不必每一列都输入内容。