转至繁体中文版     | 网站首页 | 图文教程 | 资源下载 | 站长博客 | 图片素材 | 武汉seo | 武汉网站优化 | 
最新公告:     敏韬网|教学资源学习资料永久免费分享站!  [mintao  2008年9月2日]        
您现在的位置: 学习笔记 >> 图文教程 >> 站长学院 >> Web开发 >> 正文
从HTML语言到网上家园 第五章         ★★★★
李旦 男 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〉
显示效果:

       

 





[Web开发]从HTML语言到网上家园 序章  [Web开发]从HTML语言到网上家园 第一章 HTML语言结构
[Web开发]从HTML语言到网上家园 第二章 构成网页的基本元素  [Web开发]从HTML语言到网上家园 第三章 超文本链接
[Web开发]从HTML语言到网上家园 第四章 页面风格设计  [Web开发]从HTML语言到网上家园 第六章 表单
[Web开发]从HTML语言到网上家园  

从HTML语言到网上家园 第五章

作者:闵涛 文章来源:闵涛的学习笔记 点击数:671 更新时间:2009/4/23 11:12:05

 

从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〉
显示效果:
姓名 性别 年龄姓名 性别 年龄    
教程录入:mintao    责任编辑:mintao 
  • 上一篇教程:

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
      注:本站部分文章源于互联网,版权归原作者所有!如有侵权,请原作者与本站联系,本站将立即删除! 本站文章除特别注明外均可转载,但需注明出处! [MinTao学以致用网]
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)

    同类栏目
    · Web开发  · 网页制作
    · 平面设计  · 网站运营
    · 网站推广  · 搜索优化
    · 建站心得  · 站长故事
    · 互联动态
    更多内容
    热门推荐 更多内容
  • 没有教程
  • 赞助链接
    更多内容
    闵涛博文 更多关于武汉SEO的内容
    500 - 内部服务器错误。

    500 - 内部服务器错误。

    您查找的资源存在问题,因而无法显示。

    | 设为首页 |加入收藏 | 联系站长 | 友情链接 | 版权申明 | 广告服务
    MinTao学以致用网

    Copyright @ 2007-2012 敏韬网(敏而好学,文韬武略--MinTao.Net)(学习笔记) Inc All Rights Reserved.
    闵涛 投放广告、内容合作请Q我! E_mail:admin@mintao.net(欢迎提供学习资源)

    站长:MinTao ICP备案号:鄂ICP备11006601号-18

    闵涛站盟:医药大全-武穴网A打造BCD……
    咸宁网络警察报警平台