牧场物语双子村儿童节:表格制作
来源:百度文库 编辑:偶看新闻 时间:2024/04/24 18:07:55
表格制作
2009-10-02 09:48:55| 分类: 学习代码 | 标签: |字号大中小 订阅
一、简单表格制作
举个例子来说,如果今天我们要做一个3栏2列的表格,在WORD中,只要设定表格为3栏、2列就完成了,不过,在网页中做一个3栏2列的表格,可是要分成好几个步骤的,第一个步骤,利用
标签告诉电脑我要做一个表格;第二个步骤,利用一组
标签先做一个横列,然后在横列中利用三组 标签再分出三栏;第三个步骤,重复第二个步骤,再做一横列然后再分三栏,如此才能得到一个3栏2列的表格。听不太懂吗?没关系,以下咱们就来慢慢的看个仔细: A、 首先我们来看一个最简单的表格:
代码:
1 结果:
1
利用
这个标签来告诉电脑,这是一个表格,至于 BORDER=1 这参数是设定此表格的框线粗细为 1。一组
是设定一横列的开始。一组 则是设定一个栏位。当然,文字就是要摆在这里面。 B 、现在我们再来增加二个格子:
代码:
1 2 3 结果:
1 2 3
C 、看见没有,
没有增加, 却增加了二组。那如果我要再加上一列呢?很简单,就像这样: 代码:
1 2 3 4 5 6 结果:
1 2 3 4 5 6
二、合并表格栏位
1、左右栏位合并:如何将 1、2、3 格通通合并变成一大格
代码:
1 4 5 6 结果:
1 4 5 6
您应该会发现,怎么2、3都消失了?只剩下1,而且该栏的
标签还多了一个陌生的脸孔COLSPAN="3",没错,这就是“左右栏位合并”的属性,COLSPAN="3"的意思就是“这个栏位左右横跨了3个栏位”,也正因如此,本来的两个 都可以省掉了,因为都被并掉了嘛! 1 2 3 5 62、上下栏位合并:如何上下合并,将 1、4格通通合并变成一大格
代码:
1 2 3 5 6 结果:
有了上一次的经验后,我们就知道,要合并栏位就一定有些栏位会被“牺牲”掉(也就是那些被合并的栏位啦!),这次我们要“上下合并”,我们将1与4合并成一个栏位,那么被牺牲的是哪一个栏位呢?没错就是下面那一个倒楣的4,我们看看上图,果然4已经删掉了,而在1的
标签中则多了个生面孔ROWSPAN,这就是“上下栏位合并”的属性,ROWSPAN=2的意思就是“这个栏位上下连跨了2个栏位”。 1三、表格对齐设置
1、我可以自己设定表格的大小吗?当然可以,您可以自由设定表格的“宽”及“高”喔!我们来制作一个宽100、高60的表格,做法如下:
代码:
1 结果:
2、哎呀!怎么 1 老是在表格的左边呢?可以弄到中间吗?当然可以,只要在
加入 ALIGN=CENTER 这参数即可: 1代码:
1 结果:
此外,利用 ALIGN=RIGHT可以让表格中物件置右、利用 ALIGN=LEFT可以让表格中物件置左(预设值),至于为什么要加在
中呢?因为, 是一个栏位的意思,我们要指定在这栏位中的东西要置中或置左置右,就必须将ALIGN加在 中。 13、既然可以置中,那么也可以控制表格内文字靠上方、靠下方吗?可以的,只要利用 VALIGN=TOP 这种属性即可让表格内物件靠上方对齐。
代码:
1 结果:
利用VALIGN=MIDDLE可以让表格中物件垂直置中(预设值),VALIGN=BOTTOM可以H让表格中物件靠下方。
四、表格背景设置
1、那么表格可以设定底色吗?可以的不但表格可以,您也可以指定某栏或某列的颜色,方法和加背景颜色一样,利用BGCOLOR="颜色码"就行了。底下是指定整格表格背景颜色的方法:
代码:
1 2 3 4 结果:
1 2 3 4
将BGCOLOR="颜色码"加在
中,可以指定“一列”的背景颜色: 1 2 3 4代码:
1 2 3 4 结果:
将BGCOLOR="颜色码"加在
中,可以指定“一栏”的背景颜色: 1 2 3 4代码:
1 2 3 4 结果:
2、表格除了可以设定底色外,也可以用图片来作背景吗?当然可以,方法一样简单,只要将BACKGROUND="图片名称"加到表格中就行了。和表格背景颜色一样,不但表格可以设定背景图片,您也可以指定某栏或某列的背景图片:
代码:
1 2 3 4 结果:
1 2 3 4
将BACKGROUND="图片名称"加在
中,可以指定“一栏”的背景颜色: 1 2 3 4代码:
1 2 3 4 结果:
五、 表格框线设置
1、如何设定表格粗细?只要利用BORDER="粗细值"就行了。
代码:
1 结果:
1
2、如何设定表格颜色?只要利用BORDERCOLOR="颜色码"就行了
代码:
1 结果:
1
3、另外,我们也可以设定表格的阴影、亮面颜色,让表格看起来更有立体感喔!只要利用 BORDERCOLORLIGHT="#颜色码"(亮面设定) BORDERCOLORDARK="颜色码"(暗面设定)就行了。
代码:
1 结果:
1
六、表格栏距设置
1、我们可以利用CELLPADDING属性自由设定表格内文距离格线的距离,这个属性很好用,保持适当的距离,看起来比较舒服。一般而言内定值为2,不过我建议设定为4比较漂亮。
代码:
1 2 结果:
1 2
2、我们可以利用CELLSPACING属性设定表格栏位格线之间的距离。一般而言内定值为2,不过我通常习惯设为 0 。
代码:
1 2 结果:
1 2
制作表格 制作表格 表格制作的技巧 表格如何制作 怎么制作表格 怎样制作表格 如何制作公务员法表格 怎么制作文件表格 制作excel表格 制作一个Excel表格 vb 制作表格问题? 怎么样来制作表格 CD软件制作表格 如何制作表格? 如何制作简单表格 如何制作表格啊 word表格制作问题 怎样制作表格? 仓库表格的制作 制作普通表格 html如何制作表格? flash 制作表格 求制作表格工具 网页制作表格问题最新新闻 沃茨手表网 CSDN程序文档 上海旅游网 神马百科 程序博客 香蕉皮作业帮 景德镇新闻网 余姚信息网 作业帮作业网 互助问答吧 16楼社区 解题作业帮艺术百科亮点网神马百科 神马文学网 拍题作业网 UC知道 我爱散文网 北方网 科学网 第一文库网 微思作业网 我要文章网 都市新闻网西欧教育西山新闻网好楼房产信息网 九乡新闻网农企信息网仙女们写真照片音乐简谱网米粒芽学校大全网95后网站汝南网欧普网宝宝故事网 神马品牌网 杭州交通信息网/"> 杭州市高中教育平台 查人人中国名人网 爱美之人 上车买票 安卓系统之家 中科新闻网 科学院研究所 高考快车 高考志愿帮 大学志愿大全 高校问答 高考问答 中考百科 大学知道 久游网