如何用Dreamweaver制作网页表格
2017-05-06 · 知道合伙人互联网行家
一、要想用Dreamweaver来制作网页,首先要安装Dreamweaver网页制作的工具,这是必备的,可以去官网里面去下载即可。
二、操作步骤:
【1】第一步是打开Dreamweaver工具。
【2】然后在Dreamweaver选项的中,选择新建一个Html文件,这个是制作网页的前提。
【3】进入Dreamweaver主界面后,我们可以看到自动生成的标题、头、身体的相关的代码的出现,这个是软件自动生成的,可以直接使用的。
【4】在Dreamweaver代码的主界面中,在代码、拆分、设计这三个选项卡中,选择拆分,因为这样可以更好的看到代码与相关设计的表格的调整的问题。
【5】然后选择插入中的表格的选项,这个是用来选择表格的选项的。
【6】选择表格的选项框出现后,然后根据个人的需要,可以选择表格的行与列,还可以选择相关的标题、摘要,这里就选择五行五列。
【7】当点击确定后,就能够看到左边的代码区域,右边的相关表格的区域。
【8】表格制作好后,可以根据个人的需要对表格进行调整大小,可以通过鼠标的拖动来调整表格的大小。
【9】还可以在代码中调整网页表格的大小,对表格的长与宽进行相关的调整,可以修改长与宽的值的大小。
【10】最后一定要记得保存哦,保存的文件是以html为后缀名的。
【11】文件保存好后,可以在Dreamweaver页面中按F12来浏览你做好的网页表格。
2024-07-20 广告
1、了解表单标签意义
表格
描述
<table>
定义表格
<caption>
定义表格标题。
<th>
定义表格的表头。
<tr>
定义表格的行。
<td>
定义表格单元。
<thead>
定义表格的页眉。
<tbody>
定义表格的主体。
<tfoot>
定义表格的页脚。
<col>
定义用于表格列的属性。
<colgroup>
定义表格列的组。
2、撰写代码
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td></td>
<td>row 2, cell 2</td>
</tr>
</table>
3、浏览器会这样显示: