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

对许多不熟悉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”，同时将亮边框设置成与表格背景相同的颜色，暗边框设成你想要的任一颜色即可，怎么样，细线表格出现了吧。

　　选择插入中的表格的选项，这个是用来选择表格的选项的；

　　选择表格的选项框出现后，然后根据个人的需要，可以选择表格的行与列，还可以选择相关的标题、摘要，那我们就选择五行五列吧；

　　当我们点击确定后，就能够看到左边的代码区域，右边的相关表格的区域；

　　表格制作好后，可以根据个人的需要对表格进行调整大小，我们可以通过鼠标的拖动来调整表格的大小；

　　我们还可以在代码中调整网页表格的大小，对表格的长与宽进行相关的调整，可以修改长与宽的值的大小；

　　最后一定要记得保存哦，保存的文件是以html为后缀名的哦!

根据网页统计票数制作表格的过程：

1首先建立一个excel表格文件，进入该文件并在顶端行依次输入表格的列标题，即本次需要进行统计的内容；

2设置完表格的列标题后依次输入原始数据；

3输入完成后，对单元格中数据进行“居中对齐”的单元格格式设置，并加上外部和内部表格框线。