XHTML入门学习教程:表格标签的应用
建站知识 2021-07-02 22:41www.168986.cn长沙网站建设
表格是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>,对应着狼蚁网站SEO优化的4个行。而没个<tr>(行)又有两个<td>单元格。于是就成了一个4行2列的表格。
一个格子 一个格子 一个格子 一个格子 一个格子 一个格子 一个格子 一个格子
这样的表格用来列出数据之类的信息足够了,用来定位的表格通常要复杂一些。强调我们不推荐用table来定位,所以这里仅仅简单地介绍了<table>。
长沙网站设计
- 如何自己建一个网站 自己想建个网站,怎么建
- 如何制作网站免费建站 创建网站免费注册
- html简单网页代码 html简单网页代码超链接
- dreamweaver网页制作 dreamweaver网页制作模板
- 上海网站建设 上海网站建设制作微信
- 如何制作网站和网页 如何制作一个网页
- html网页制作代码大全 端午节html网页制作代码大
- app开发公司 app开发公司前十名
- html网页制作 html网页制作文字居中
- app制作一个需要多少钱 请人制作一个app多少钱
- 成都网站制作 成都网站制作维护
- 百度建一个网站多少钱 百度做个公司网站要多少
- html+css网页制作成品 web网页制作成品css+javascrip
- html网页制作案例 html网页设计案例
- html+css网页制作成品 web网页制作成品css+javascrip
- 个人网站模板 个人网站模板HTML