网站首页 | 网页制作 | 网络编程 | 图形图象 | 冲浪宝典 | 操作系统 | 软件教学 | 网络安全 | 认证考试 | 下载中心 | 游戏下载
| 网页制作首页 | HTML/CSS | Dreamweaver | FrontPage | Javascript | DHTML | 心得技巧 | 网站运营 |
您现在的位置： 超人气学院 >> 网页制作 >> HTMLCSS >> 文章正文 用户登录 新用户注册
从HTML语言到网上家园第五章    热     
从HTML语言到网上家园第五章
作者：未知 文章来源：网络收集 点击数： 更新时间：2006-3-8 21:49:35

从HTML语言到网上家园 第五章 网页中的表格5.1表格的基本形式表格基本形式：
〈table〉
〈tr〉
〈th〉……〈/th〉
〈/tr〉
〈tr〉
〈td〉……〈/td〉
〈/tr〉
〈/table〉
〈table〉……〈/table〉用于定义表格。〈tr〉定义表中的行，一个表中有多少行，就有多少个〈tr〉。〈th〉用于定义表头，〈td〉定义表元，表元中包含了表格的具体数据。5.2表格属性5.2.1表格边框设置和表格边框设置有关的〈table〉元素属性有：
BORDER=n 定义表格边框宽度。BORDER＝0 为无边框表格。
BORDERCOLOR=color 设置表格边框颜色，当BORDER＝0时此值无效。
BORDERCOLORDARK=color 设置表格亮边框的颜色。
BORDERCOLORLTGHT=color 设置表格暗边框的颜色。
BORDERCOLORDARK 和BORDERCOLORLTGHT一起用来绘制三维边框，两者是相对立的，当BORDER＝0时此两者无效。 例：
（1）无边框表格html代码：
〈table border="0" cellpadding="2" width=200〉
〈tr〉
〈th width="33%"〉姓名〈/th〉
〈th width="33%"〉性别〈/th〉
〈th width="34%"〉年龄〈/th〉
〈/tr〉
〈tr〉
〈td width="33%" align="center"〉李旦〈/td〉
〈td width="33%" align="center"〉男〈/td〉
〈td width="34%" align="center"〉14〈/td〉
〈/tr〉
〈/table〉
显示效果： 姓名性别年龄李旦男14


（2）有边框表格html代码：
〈table align=center border="5" cellpadding="3" width=40% bordercolordark="#88DD88" bordercolorlight="#008000" bordercolor="#000080" cellspacing="3"〉
〈tr〉
〈th width="33%"〉〈font color="#000000"〉姓名〈/font〉〈/th〉
〈th width="33%"〉〈font color="#000000"〉性别〈/font〉〈/th〉
〈th width="34%"〉〈font color="#000000"〉年龄〈/font〉〈/th〉
〈/tr〉
〈tr〉
〈td width="33%" align="center"〉〈font color="#000000"〉李旦〈/font〉〈/td〉
〈td width="33%" align="center"〉〈font color="#000000"〉男〈/font〉〈/td〉
〈td width="34%" align="center"〉〈font color="#000000"〉14〈/font〉〈/td〉
〈/tr〉
〈/table〉
显示效果： 姓名性别年龄李旦男14

在该表格中，外围宽边部分是表格边框，深绿色部分是亮边框，浅绿色部分是暗边框。 以上是设置整个表格的边框和颜色，还可以为每个单元格设置独立的边框颜色。BORDERCOLOR，BORDERCOLORDARK和BORDERCOLORLTGHT属性对〈tr〉，〈td〉和〈th〉同样可用，用法与在〈table〉中相同。例1：设置表中行元素〈tr〉的边框。
〈tr bordercolorlight="#008000" bordercolordark="#88DD88"〉
显示效果：     
例2：设置表头元素〈th〉的边框。
〈th width="50%" bordercolor="#008000" bordercolorlight="#008000" bordercolordark="#88DD88" border=3〉〈/th〉
〈th width="50%" bordercolor="#008000" border=3〉〈/th〉
显示效果：   
例3：设置表中单元格〈td〉的边框。
〈td width="50%" bordercolor="#008000" border=3〉〈/td〉
〈td width="50%" bordercolorlight="#008000" bordercolordark="#88DD88" border=3〉〈/td〉
显示效果：   

[ 收藏此页到: 天天|和讯|博采|ViVi|狐摘|我摘|天极 ] 文章录入：kinda    责任编辑：kinda 
  • 上一篇文章：

  • 下一篇文章：
    • 【字体：小 大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】
    专 题 栏 目
    最 新 热 门
     HTML命令语言大全，初[897]
     javascript常用代[754]
     从HTML语言到网上家园[272]
     从HTML语言到网上家园[251]
     用CSS实现的固定表头的[203]
     仿Office2003的工具条[195]
     HTML在线编辑器的调用[188]
     CSS锦囊[180]
     特殊字符编码大全[169]
     使用Vml制作立体柱状投[157]
    相 关 文 章
    仿DW8代码折叠的HTML编辑器
    [图文]把Gmail变成HTML空间
    [组图]通过HTTP访问SQL Se
    网络技术与商业思维，从ha
    雅虎工具栏Web Rank(TM)简
    雅虎工具栏WebRank(TM)简介
    PHP动态网页转换HTML的一个
    搜索引擎优化专栏—DHTML的
    无需转换成HTML页面，让Go
    从HTML语言到网上家园第二
    从HTML语言到网上家园第三
    从HTML语言到网上家园第四
    从HTML语言到网上家园第六
    用HTML实现COMBOX下拉选择
    使用HTML4.0制作表格(中)
    网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）
    联系QQ:80849