插入代码设置_dreamweaver 中表格的插入(1.3.1)

caeb72a6fde22fc66e8d595b4392db30.png

很多同学在做网站的时候很纠结网页中表格具体是怎么插入的?其实网站制作如果利用Dreamweaver软件,表格的插入几分钟就可以搞定了。Dreamweaver的优势在于无需会代码编程,直白的类似word的界面操作步骤。

1.一个网页中的表格究竟有什么作用?

表格可以用来存放数据和布局页面。

下面我们以一个小学课程表为例详细为大家讲解表格的插入

add359a3d538e2a5ebfad8524e528c65.png

2.Dreamweaver中究竟如何插入表格?

选择插入 选择表格 选择表格属性设置 确认

cd53de707d8b3843d35e2747da05af55.png

3.表格属性界面设置

插入表格前,首先要对表格属性进行设置,那么我们如何对表格属性各项究竟代表的是什么意思?

805191c59182fdcc037cc5b0d61da662.png

(1)行数:表格总体由多少行组成 列数:表格总体由多少列组成

(2)表格宽度:总体表格的宽度

cc1037089148d9e1409a71cf4328e7d9.png

注:表格宽度有像素和百分比选择之分。通常我们选取的是像素,百分比是软件屏幕的百分比

例:表格宽度选择百分比50和百分比100的对比

e3c4f05001c7fde001cc20dff82d8017.png

(3)边框粗细:组成表格的边框粗细

(4)单元格边距:表格中插入文字距离表格边框的距离

9c611ee18cac9db2cc5d9d86a70702a0.png

(5)单元格间距:各单元格间的距离

81e87686db3971f7556f73b5eddec332.png

注:如果插入表格,对单元格边距、单元格间距未设置参数,单元格边距默认为1,单元格间距默认为2。

(6)标题:对表格行或者列标题进行设置,默认操作加粗

例:

8ef914b207aa26ccc49f5518aa4b641e.png

(7)辅助说明:a标题:在表格边框外对表格设置一个标题

b说明:对表格内容的说明,不会显示在网页中。

例:

b3ad5814e7c63b515dbcfd17d6e52e8d.png

97831af66d43edbb76af3bcae9d2077d.png
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值