XHTML入门学习教程:表格标签的应用
导读：收集整理的这篇文章主要介绍了XHTML入门学习教程:表格标签的应用，觉得挺不错的，现在分享给大家，也给大家做个参考。 表格是XHTML中处境尴尬的一个标签，本节只做了解即可.关于表格在CSS流行之前，table被广泛应用于定位。在...
收集整理的这篇文章主要介绍了XHTML入门学习教程:表格标签的应用，觉得挺不错的，现在分享给大家，也给大家做个参考。 表格是XHTML中处境尴尬的一个标签，本节只做了解即可.关于表格
在CSS流行之前，table被广泛应用于定位。在XHTML中，table不被推荐用来定位，W3C希望CSS可以取代table> 在定位方面的地位。不过事实上由于利用CSS布局常常需要大量的手写代码工作(常用的网页设计软件如Dreamweaver并不能完美支持div的显示)，table> 仍被许多网站用语首页布局，例如GOOGLE的More PRoducts页面就利用了table来定位。 不过我个人推荐您开始使用CSS来定位网页，因为这是Web发展的方向。当然了，在初期用CSS取代table可能使您遇上很多的麻烦。表格标签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> 。
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： XHTML入门学习教程:表格标签的应用
本文地址： https://pptw.com/jishu/587457.html