文章类 软件类
好好999
 | 网站首页 | 网络编程语言 | 星座情感文章 | 特殊软件下载 | 站长工具天下 | 
html入门培训 网站服务器软件  化妆品经典广告词  雅芳化妆品价格  avon化妆品 net 入门培训 房地产销售广告 化妆品广告词 网络工程师
您现在的位置: 学习网 > 网络编程语言 > Html > 正文
 | 网络编程语言首页 | Dreamweaver | Html | Asp | Jsp | Php | Asp.net | Css | Javascript | Access | Mysql | Mssql | Oracle | Domain | Mainframe |
最 新 热 门
普通文章web页面上的打印控制
普通文章Frame结构时显示或隐藏主Frame
普通文章实现HTML自动排版的法则2
普通文章HTML教程-表格尺寸设置
推荐文章HTML快速参考--结构标记
普通文章如何以及何时使用sIFR
普通文章HTML进阶应用技巧(七)表单设
推荐文章HTML文件大致结构
普通文章WEB标准化的过渡方案
普通文章怎样做论坛的登陆表单
 
频 道 推 荐
普通文章关于iframe的透明背景
推荐文章把FoxPro数据库转变成HTML表格
推荐文章熟悉常用表单格式的五点技巧
普通文章网页设计中Html使用中的一些问
推荐文章一种细腻的导航效果的制作方法
普通文章网页制作中隐藏域的妙用
普通文章简单实用的网页表格特效
推荐文章鼠标在文本上移动时层的显示与
推荐文章在html文件引入其它html文件的
推荐文章中文网页制作中段落缩进的方法
普通文章制作虚线效果的水平线
普通文章HTML中Access Key(存取键)的
推荐文章Email地址在网页中的保护
普通文章网页标准初学:XHTML的标准定义
普通文章让广告代码不再影响你的网页加
普通文章学好HTML的表格标记
普通文章XHTML+CSS兼容性解决方案小集
普通文章Blogger Hack:Meta Data优化
普通文章HTML基础知识:认识http-equiv
普通文章关于网页字体大小的问题
 
频 道 推 广
 
[图文]用好HTML的表格标记         ★★★
用好HTML的表格标记
作者:佚名 文章来源:本站整理 更新时间:2008-11-9 21:34:09

   对于表格,是网页制作中的重头戏,一些图形化网页制作工具(如:Dreamweaver、Fontpage等)对它也支持的非常好,但HTML为表格设置了几十个参数,图形化网页制作工具要对它全面支持就有点免为其难了。由于参数太多,且大部分参数大家也比较熟悉,就不在这里一一介绍了,下面的例子中仅对一些关键性参数作详细介绍。
  一、作系列横单线



这是系列横单线试验,效果还好吧?


  在这个例子中,用到了表格主标题标记<caption>,它的语法如下:
<caption
align=left|center|right
valign=top|bottom>
  align和valign分别用于设定标题的水平位置和垂直位置。align的默认值是center;valign的默认值是top。利用<caption>标记可以方便地在紧靠边表格的顶部或底部写上文字,且居中,若用其它办法要麻烦得多。另外在本例中能使表格产生单线效果是设置了<table>标记的rules和frame参数,rules参数是对表格的内部边框作显示控制。
rules="none":表示不加内部边框;
rules="rows":表示只显示水平方向的边框;
rules="cols:表示只显示垂直方向上的边框;
rules="all":则是显示所有方向上的边框,这也是默认值;
frame="void":表示不加外边框;
frame="above":表示显示上边的外边框;
frame="below":表示显示下边的外边框;
frame="lhs" :表示显示左边的外边框;
frame="rls" :表示显示右边的外边框;
frame="hsides":表示显示上下外边框;
frame="vsides":表示显示左右外边框;
frame="box" 则表示显示所有外边框。
  明白了参数值的含义,制作本例的效果就简单了,本例完成后的源代码如下:
<table width="60%" border="1" cellspacing="0" cellpadding="0" rules="rows" frame="hsides">
<caption>这是系列横单线试验</caption>
<tr>
<td> 这是系列横单线试验,效果还好吧?</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
  用这种方法画系列单线,即快又整齐,且所用代码也很少。
  二、作系列竖单线
    本例这种效果看起来是不是有点特色,其实在制作方法上与上例没有多少区别,只是改变了rules和frame的参数值,使表格只显示垂直方向的内外边框,其它与上例相同,本例完成后的源代码是:
<table border="1" cells

[1] [2] 下一页

 
文章录入:admin    责任编辑:admin 
  • 上一篇文章:

  • 下一篇文章:
  • 相 关 文 章
    Dreamweaver MX 2004 入门教程之界面详解(2)
    Dreamweaver MX 2004 入门教程之层和层的应用
    Dreamweaver MX 2004 表格设计
    Dreamweaver MX 2004 表格的使用
    Dreamweaver MX 2004 CSS滤镜介绍(1)
    Dreamweaver MX 2004 CSS滤镜介绍(2)
    去除 Dreamweaver MX 2004 表格宽度辅助
    Dreamweaver MX 2004 打造细线表格(2)
    Fw与Dw结合:看实例学切片
    细品DW MX 2004表格设计
    Dreamweaver中幂格式文本巧实现
    用Dreamweaver MX制作文字特效
    Dreamweaver 也能做动画
    禁止背景图在网页中平铺
    用Dreamweaver制作拖拽效果
    DW滑动菜单的制作
    动态文本变变变
    巧用Dreamweaver MX设计导航栏特效
    Dreamweaver MX制作反馈表单(email发送)
    用Dreamweaver设计留言板各页设计
    | 设为首页 | 加入收藏 | 投搞邮箱 | 友情链接 | 网站公告 | 版权申明 | |
    破天一剑私服 - 冒险岛外挂 - 传奇外挂 - dnf外挂 - 地下城与勇士外挂 - dnf外挂 - 传奇外传外挂 - qq三国外挂 - 天龙八部外挂 - 劲舞团私服 - 劲舞团私服 - 传奇私服 - 传奇私服 - 传奇私服 - 变态传奇私服 - 及时雨外挂 - 热血传奇私服 - 传世私服 - 魔兽世界私服 - 魔兽世界私服 - 完美世界私服

    点击这里给我发消息

    有事点这里

    copyright: 2007-2008 haohao888.com.cn 粤ICP备08105098号