Dreamweaver怎么使用标签及代码设计表格?
发布时间：2017-12-12 11:04:57 作者：小骚年love影 
我要评论
我要评论Dreamweaver怎么使用标签及代码设计表格？Dreamweaver中可以直接绘制表格，也可以通过标签和代码来制作表格，下面我们就来看看详细的教程，需要的朋友可以参考下
Dreamweaver中想要画表格，该怎么通过标签和代码来制作表格呢？下面我们就来看看详细的教程。
1、首先打开Dreamweaver，进行新建html文件，在“代码，拆分，设计”三个选项中点击拆分项，点击后如图所示，再插入一个3行3列的表格，查看代码区出现的标签及代码。
2、相信大家都知道html标签都是以<**>开始，以</**>结束的，这里也就不在啰嗦了。
（1）首先是<table></table>标签，该标签是用来定义表格的开始与结束的，后面跟的代码即就是表格对话框中选项。width为宽度，border为边框粗细，align为对齐格式等。具体如图所示。
（2）<caption></caption>标签，用来定义标题内容。
3、表格内部单元格标签
（1）<tr></tr>定义表格的行标签。每个<tr></tr>标签，都是表格行的开始与结束。
（2）在<tr></tr>中间可以使用<td></td>来定义表格中的具体数据，如图所示，在<td></td>中输入姓名，年龄和班级等数据，可以在设计区的表格单元格中看到出现相应的数据。
以上就是Dreamweaver使用标签和代码绘制表格的教程，希望大家喜欢，请继续关注脚本之家。
相关推荐：
相关文章
Dreamweaver怎么使用框架结构快速制作网页？Dreamweaver制作网页的时候，表格布局已经不能实现网页的功能了，比如同一页面下有多个子页面时，就要使用框架结构来布局，下面2017-12-11
dreamweaver怎么制作鼠标经过图片变换的效果？dreamweaver中想要制鼠标经过或点击图片，图片会改变，该怎么制作这个效果呢？下面我们就来看看详细的教程，需要的朋友可以参2017-12-11
dreamweaver怎么快速对齐代码? dw对齐代码的设置方法
dreamweaver怎么快速对齐代码？dreamweaver中的代码很多，想要对齐代码，该怎么对齐呢？下面我们就来看看dw对齐代码的设置方法，需要的朋友可以参考下2017-12-11
Dreamweaver怎么设计简单的导航按钮？一般网页中都有导航栏或者导航按钮，该怎么制作导航按钮呢？下面我们就来看看详细的制作方法，需要的朋友可以参考下2017-12-11
Dreamweaver怎么给图片添加晃动效果？网页中经常能看到一些晃动的广告图片，该怎么给图片添加晃动效果呢？下面我们就来看看详细的教程， 需要的朋友可以参考下2017-12-04
Dreamweaver怎么制作一个开场动画效果的网页？Dreamweaver中想要制作一个空间欢迎动画，插入一个swf视频文件就可以了，下面我们就来看看详细的教程，需要的朋友可以参考下2017-11-29
Dreamweaver文字怎么添加多个不同的阴影？Dreamweaver输入的文字想要设置阴影，该怎么给文字添加多个不同颜色的阴影呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-11-28
Dreamweaver单选按钮怎么出一道单选题？想要制作一个单选题的网页，该怎么给网页添加单选题呢？我们需要使用dw单选按钮来实现，下面我们就来卡看详细的教程，需要的朋友可2017-11-27
Dreamweaver怎么添加字体？Dreamweaver中想要添加字体，该怎么添加呢？下面我们就来看看看dw添加字体的方法，需要的朋友可以参考下2017-11-27
Dreamweaver怎么给代码添加注释？给代码添加注释是好习惯，方便以后查看程序，该怎么添加注释呢？下面我们就来看看Dreamweaver注释的添加方法，需要的朋友可以参考下2017-11-15
最新评论