三九宝宝网宝宝成长宝宝手工

如何在网页制作中用好表格

12月23日 编辑 39baobao.com

[个人主页网页制作]在上申请我的空间,就能制作啦!或者是用frontpage ■制作个人网页的步骤 一、准备材料 你首先做一个小计划,准备在主页上告诉人家什么?比如介绍三个方面:自我介绍,我的爱好,我的工作...+阅读

对许多不熟悉HTML的朋友来说,还以为是使用了CSS、JavaScript等技术,其实不然。 看完下面的内容你就会明白了。

控制表格边框的显示

对使用Dreamweaver、FrontPage等所见即所得的网页编辑软件的朋友来说,很难控制表格的上下左右的边框显示与隐藏,其实你只要在HTML中的〈table〉〈/table〉标签页中添加一项 “frame” 属性即可。

不显示表格边框(frame=void)

只显示表格的上边框(frame=above )

只显示表格的下边框(frame=below )

只显示表格的上下边框(frame=hsides)

只显示表格的左右边框(frame=vsides)

只显示表格的左边框(frame=lhs)

只显示表格的右边框(frame=rhs)

例如,〈table width="75%" border="1" frame=void/above/below/hsides/vsides/lhs/rhs cellpadding="0" cellspacing="0"〉〈/table〉控制表格行与列的分割线

在网页设计中,如果版面没设计好,那么这个网页可以说是失败的。利用表格进行分栏,可以达到整齐排版的目的,美化你的网页外观。所谓分栏,就是让你的网页变成一个大表格,然后根据你的版面设计和内容安排,将这个表格分成不同的行和列,调整各个行和列的宽度和高度,以达到你排版的要求。当然了,你还可以在表格之中再嵌套表格,以达到更加复杂的排版需要。在设计过程中你可以灵活设置单元格边距和单元格间距的数值。在HTML语言中表格的分割线是由“rules” 属性来决定的。所以我们可以通过手工修改源代码的方法来控制分割线的显示与隐藏。

1、显示所有分割线(rules=all)

如〈table width="75%" border="1" rules=all cellpadding="0" cellspacing="0"〉

2、不显示任何分割线(rules=none)

3、只显示行与行之间的分割线(rules=rows)

4、只显示列与列之间分割线(rules=cols)

用表格边框实现单线显示

用线条来美化网页是网页设计者经常使用的手法之一。在网页中除了用〈hr〉标记来实现插入水平线外,我们还可以用表格来实现。FrontPage 2000默认的表格线比较粗,但只要稍加处理,就可以制作出一个细线表格,细线表格非常娟秀小巧,很有个性。它的具体操作方法是:在表格属性中将边框粗细设为“1”,将单元格边距和单元格间距设置为“0”,同时将亮边框设置成与表格背景相同的颜色,暗边框设成你想要的任一颜色即可,怎么样,细线表格出现了吧。

以下为关联文档:

请教网页制作中单元格如何固定大小单元格? 表格吧 你直接在图片那写<img src="图片路径" width="表格宽度" height="表格高度"/&gt;就可以了 现在网页制作表格用到的已经不是很多了 我平时都是用div+css布局的 <style...

您好我急需一个简单动态网页制作成品用于交作业而已不做商第一题什么概念啊?用session判断?哎。。我学Java 的 给你讲下大概的思路吧。1、先在session中存入一个用户名和密码,然后通过session的getattribute方法得到里面的值进行判断。...

网页制作中表格排版你可以把这个几个表格都放在一个表格里,先设置一个三行一列的表格;再把第一行设置成三列;在第一行第一列插入第一个竖表格,第一行第三列插入第二个竖表格,第三行插入一个横表格;设...

推荐阅读
图文推荐