Dreamweaver cs5网页制作之插入表格

 时间:2024-11-10 20:40:29

DW是一款可视化网页编辑软件,网页中的表格一般用来进行网页布局,本篇经验就来交大家DW如何插入表格

Dreamweaver cs5网页制作之插入表格

Dreamweaver cs5网页制作之插入表格

工具/原料

Dreamweaver

新建Html文件

1、打开Dreamweaver,新建一个html文档

Dreamweaver cs5网页制作之插入表格

Dreamweaver cs5网页制作之插入表格

Dreamweaver cs5网页制作之插入表格

方法1:可视化简单编写

1、在工具栏中选择“表格”按钮

Dreamweaver cs5网页制作之插入表格

Dreamweaver cs5网页制作之插入表格

Dreamweaver cs5网页制作之插入表格

2、输入参数,调整好后点击确定

Dreamweaver cs5网页制作之插入表格

3、可以看到,在网页中已经插入了表格

Dreamweaver cs5网页制作之插入表格

4、如果想修改参数,选择表格,在属性面板中修改即可

Dreamweaver cs5网页制作之插入表格

方法2:代码编写

1、我们棵褶佐峨还可以切换的拆分视图,输入名为“table”的Html元素,在标签里面添加width="1041&q锇栀劐箨uot;(宽度:1041)border="3"(边框粗细:3)cellspacing="0"(表格边距:0)cellpadding="0"(表格间距:0)

Dreamweaver cs5网页制作之插入表格

Dreamweaver cs5网页制作之插入表格

Dreamweaver cs5网页制作之插入表格

2、然后输入<tr><td>&nbsp;<挢旗扦渌;/td><td>&锾攒揉敫amp;nbsp;</td><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>(<tr></tr>为行;<td></td>为单元格,&nbsp;为空格符,&nbsp;可以替换成文字)

Dreamweaver cs5网页制作之插入表格

3、最后输入</table>,结束表格

Dreamweaver cs5网页制作之插入表格

4、按F5刷新,便可以看到我们第一步和第二步一共插入的两个表格

Dreamweaver cs5网页制作之插入表格

保存文件

1、按“Ctrl+S”保存或者在文件菜单找到“保存”命令保存

Dreamweaver cs5网页制作之插入表格

Dw如何开启使用速记中的边框与边框宽#校园分享# Dreamweaver5中如何设置网页的背景色?? Dreamweaver学习:[13]网页设置链接样式 网页标题如何设置?Dreamweaver自学网页教程 Dreamweaver如何插入日期
热门搜索
蚰蜒图片 小猪佩奇图片 无翼鸟邪恶漫画地铁 疱疹图片 手抄报图片大全