今天是:
首 页信息查询网站SEO查询工具CSS编辑器建站素材
网海拾贝,电脑资讯,电脑快报,it资讯,网站建设资讯,教程基地
软件新闻
操作系统
Vista Winxp Win2003 Linux Windows综合
工具软件
系统工具 媒体工具 网络工具 杀毒软件 聊天
软件开发
C教程 C++ Java C# ASP.NET JSP PHP
数据库
Oracle MySQL DB2 SQL Server Sybase
安全
网络 病毒
办公应用
Word Excel Powerpoint Outlook 其他
平面设计
Photoshop Fireworks Coreldraw Flash Illustrator 3dsmax
网站运营
网站运营 网站优化 网站策划 策划书下载 建站心得 站长故事 网站盈利 网页制作 网页特效 建站素材 免费资源 QQ频道
  当前位置:首 页 >> 网页制作 >> CSS教程 >> 网站设计的思考(10)——网页中表格的运用
- 定义表行

网站设计的思考(10)——网页中表格的运用

  发布于2005-07-08 08:41 来源:《网页设计师》 作者:阿捷

网页中表格的运用 

     表格(table)是页面的重要元素,是页面排版的主要手段。尽管DHTML中的层(layer)也可以实现网页元素的自由定位,但是表格显然更加方便编辑与修改。熟练掌握和运用表格的各种属性,可以让您的页面看起来赏心悦目。

  本文将分两部分详细介绍表格在网页设计中的运用。包括表格的基本用法和表格运用的注意点。

  一.表格的基本用法。

  表格的基本用法相信您已经非常熟悉了。但为了保证文章的完整性,阿捷在这里还是再罗列一遍。

  ●表格的HTML基本语法

...
- 定义表格
- 定义表头
- 定义表元(表格的具体数据)

例如:

 

   

   
 

   

   
 
123
ABC

1 2 3
A B C

 

  ●table标签的参数。table标签可以含下列参数。

border            表格边框
cellspacing  表元之间的空白距离
cellpadding  表元内部的空白距离
width           表格宽度(可以用%或者具体数据表示)
height            表格高度

例如:



 
1 2 3
A B C

1 2 3
A B C

  ●表格的对齐方式

  1.表格内的文字对齐。

  语法:

其中#可以设定的参数有:

left    横向居左
center  横向居中
right   横向居右
top     纵向居顶
middle 纵向居中
bottom  纵向居底

例如:





ABC

A B C

  2.表格在页面内的对齐。

  如果你需要与表格并排放一段文字,就需要用到table标签的另一个个参数:

  

其中#可以设定为left(居左),right(居右)

  例如:




1 2 3
A B C

这里的文字

是和表格并排排放的

  

1 2 3
A B C
这里的文字是和表格并排排放的


     ●表格的嵌套

  表格嵌套就是在表格里插入表格,嵌套的排版方法就是将要插入的表格当做文字来处理同样使用

语句。

  例如:

 

 



  ●表格的色彩

  表格的色彩也在

标签里设置,参数有:

bgcolor           背景颜色
bordercolor       边框颜色
bordercolorlight  立体边框亮色
bordercolordark   立体边框暗色 

  语法为:

其中RRGGBB分别为RGB三色的16进制数值

  例如:

borderColorDark=#ffffff borderColorLight=#000000 cellPadding=5 
cellSpacing=0 bordercolorlight="#000000">


  以上是表格的基本用法。现在frngtpage,dreamweaver等所见即所得的网页编辑软件都不用编写代码,就可以轻松的实现表格的排版和嵌套,但是掌握一些基本语法,关键时刻还是很有用处的。

    .表格运用的注意点

  表格的嵌套并不是表格处理最困难的地方,无论多复杂的版面,悉心琢磨一番总能找到解决的办法。
我们需要考虑的是:

  ○用什么样的嵌套排版方式使网页的下载速度达到最快。

  我们知道:浏览器在读取网页html原代码时,是读完整一个table再将它显示出来。也就是说从

标签开始,要读到
标签时,才将表格中的内容显示在屏幕上。而且显示也有优先级,先读到的先显示。这样的话,如果一个大表格中含有多个子表格,必须等大表格读完,才能将子表格一起显示出来。

  我们在访问一些站点时,等待多时无结果,按"停止"按钮却一下显示出页面就是这个原因。

  因此,我们在设计页面表格的时候,应该做到:

  1.整个页面不要都套在一个表格里,尽量拆分成多个表格;
  2.单一表格的结构尽量整齐;
  3.表格嵌套层次尽量要少.

  实验证明:越复杂,嵌套层次越多的表格下载速度越慢。

   关于网页的表格设计今天就写到这里。阿捷没有很多的技巧提供,关键在于您自己的实践和运用,还是那句古话:“熟能生巧”。


中查找“网站设计的思考(10)——网页中表格的运用”更多相关内容

中查找“网站设计的思考(10)——网页中表格的运用”更多相关内容



上一篇:网站设计的思考(9)——网页字体的设置
下一篇:初学web标准的几个误区
最近更新 赞助商
·CSS代码格式化和css在线压缩12-05
·在 JavaScript 应用程序中实现数据源协调12-02
·DIV+CSS菜单实例教程之简洁的效果12-01
·DIV+CSS菜单实例教程之极致而简约的风格12-01
·DIV+CSS菜单实例教程之按钮效果12-01
·网站设计Tab标签切换的效果制作11-07
·21个好玩、有趣味、实验性的css技术运用..11-07
·IE与FireFox在JavaScript和Css上的几处区别10-28
·CSS加JS让图片自动适应大小,任意浏览器..10-28
·FireFox浏览器和IE浏览器下CSS兼容问题10-21
·Web开发期待的CSS的一些功能10-21

共有评论 0 条 网友评分 0分 查看所有评论


发表评论→ 学而不思则罔,思而不学则殆,请大胆发表你的见解。

输验证码:

您对此篇文章的评分:1分 2分 3分 4分 5分

  • 站内搜索
关键词

搜索方式

搜索范围

精确匹配
Baidu
网站首页 - 关于本站 - 网站地图 - 广告合作 - 站点声明 - RSS订阅 - 联系我们
Copyright © 2005 网海拾贝.[新ICP备05003216号]. All Rights Reserved .