HTML表格使用从入门到精通_第1页
HTML表格使用从入门到精通_第2页
HTML表格使用从入门到精通_第3页
HTML表格使用从入门到精通_第4页
HTML表格使用从入门到精通_第5页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、html 表格使用从入门到精通如果你是一名网页设计人员，如果你的网页里没有一个表格，那可以说算不上一个网页(当然全 flash 作品除外 )，表格的重要性就可想而知。帮助我们控制网页布局、控制内容的显示等等。使用表格有很多的技巧，你可否知道呢？使用表格排版网页使用表格排版网页，可以使你的网页更美观，条理更清晰，更易于维护和更新。(将表格的宽设为100%，可以使网页的兼容性更好) 要尽量细化表格不要把整个网页放在一个大的表格里，因为一个大表格里的内容要全部加载完才会显示，如果整个网页放在一个表格里，那么你的网页就只会两种情况：1、全部不显示2、全部显示出来所以建议大家将整个页面分成几块，例如通用

2、的上(放置 logo、banner、menu 等等 )、中(放置页面内容 )、下 (放置版权信息等等)，将每一部分由单独的表格来实现，这样会好一些。表格设计实例创建一个表格，边框大小设为0(border=0)，间距设为1(cellspacing=1) ，背景色设为深色(bgcolor=#000000) ，全部选定单无格，并将单无格的背景色设为浅色(如:bgcolor=#ffffff) ，这样可以得到一个细线边框的表格，请看下面的例子：table width=50% border=0 cellspacing=1 bgcolor=#000000 /table动态改变表格单元格的颜色在单元格 标记中

3、加入以下代码，会动态改变单元格的颜色设置：onmouseout= ”this. bgcolor=” onmouseover= ”this.bgcolor=”在行标签 标记中加入上面代码，会动态改变一行的颜色设置。table width=50% border=0 cellspacing=1 bgcolor=#000000 a b c /table小技巧：效果图中的凸凹效果，完全是由bordercoloer 的颜色来控制的，它的颜色浅一些，有会有凸出的效果，它的颜色深一点，就会有凹陷的效果。隐藏表格的分隔线在处理表格时有时会有这样的需求，某几列、 或行的内容属于同一主题，为了排列整齐将它们放在不同的行上，但是不想让表格的分隔线显示出来，有什么办法吗，其实很简单。隐藏水平分隔线 隐藏竖直分隔线 隐藏全部分隔线 表格内容分行下载表格内有一些载入较慢的元素(如计数器、 大图片等等 )时，往往会延迟整个表格的显示。这是由 ie 的显示特性决定的， 只有当表格内所有元素全部载入后，整个表格才得以显示。“ 上有政策， 下有对策 ” ，我们可以使用 标签把表格内容拆开，

人人文库> 全部分类> 生活休闲 > 科普知识

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论