网站首页 手机版
 注册 登录
您现在的位置: 畅无忧设计 >> 网站建设 >> Xhtml教程 >> 正文
最新文章
· XHTML制作网页的标准新闻列表
· XHTML网页教程问答
· 常用的XHTML标签的使用技巧
· 网页设计学习XHTML应用小结
· 总结XHTML代码常见的应用问题
· 标记类语言:与HTML相比XHTML有什么特
· Xhtml的结构标签
· XHTML+CSS:调用样式表
· 问与答:用HTML还是用XHTML
· 学习完XHTML了?XHTML总结
热门文章
 XHTML+CSS:调用样式表
 问与答:用HTML还是用XHTML
 网页设计学习XHTML应用小结
 XHTML网页教程问答
 标记类语言:与HTML相比XHTML有什么
 常用的XHTML标签的使用技巧
 XHTML制作网页的标准新闻列表
 总结XHTML代码常见的应用问题
 Xhtml的结构标签
 XHTML教程——列表
相关文章
没有相关文章
XHTML教程——表格
来源:菜鸟吧 更新时间:2009/5/14 10:14:10 阅读次数:
字体:[ ] 我要投稿

  关于表格

  在CSS流行之前,table被广泛应用于定位。在XHTML中,table不被推荐用来定位,W3C希望CSS可以取代<table>在定位方面的地位。不过事实上由于利用CSS布局常常需要大量的手写代码工作(常用的网页设计软件如Dreamweaver并不能完美支持div的显示),<table>仍被许多网站用语首页布局,例如Google的More products页面就利用了table来定位。 不过我个人推荐您开始使用CSS来定位网页,因为这是Web发展的方向。

  表格标签<table>

  在XHTML中,创建表格的标签是<table>,书写代码时,我们要先用<tr>标签将表格分成一行一行,再用<td>标签把每行分成一格一格。完全手写代码创建table是十分困难和低效的,而在网页制作软件中制作表格就如同Word一样简单,只需要选择行列之类的简单属性即可。但是我们可能会遇到自动做出的表格不符合要求,而需要在代码模式调整的可能,因此我们还是要大概了解XHTML表格标签的具体写法。

  表格的边框(border)属性

  <table>标签可以有border属性。如果不设置border属性的值,在默认情况下,浏览器将不显示表格的边框。

  表格练习

  我们来建立一个四行两列的标签,代码如下:

  <table border="1">
  <tr>
  <td>一个格子</td>
  <td>一个格子</td>
  </tr>
  <tr>
  <td>一个格子</td>
  <td>一个格子</td>
  </tr>
  <tr>
  <td>一个格子</td>
  <td>一个格子</td>
  </tr>
  <tr>
  <td>一个格子</td>
  <td>一个格子</td>
  </tr>
  </table>

        显示结果如下:注意上面的代码,一共有4对<tr>,对应着下面的4个行。而没个<tr>(行)又有两个<td>单元格。于是就成了一个4行2列的表格。

        

  这样的表格用来列出数据之类的信息足够了,但是用来定位的表格通常要复杂一些。再次强调我们不推荐用table来定位,所以这里仅仅简单地介绍了<table>。

  如果要使用表格显示很多数据,可能还需要加入caption(标题),thead、tbody等等,这里也不做介绍了,有兴趣可以看一看XHTML教程补充——复杂的表格。

  • 上一篇文章:
  • 下一篇文章:
  • 关于我们 - 联系我们 - 广告服务 - 在线投稿 - 友情链接 - 网站地图 - 版权声明
    CopyRight 2008-2010, CWYDESIGN.COM - 畅无忧设计, Inc. All Rights Reserved
    滇ICP备09005765号