繁体中文
设为首页
加入收藏
当前位置:网站制作首页 >> 建站指南 >> 表格的使用

表格的使用

2008-05-15 08:00:00  作者:  来源:互联网  浏览次数:0  文字大小:【】【】【
简介:HTML中最重要的标志莫过于表格(Table)了。可以这样说,只要掌握好表格的用法你就掌握了HTML。一个好的网页设计者一定擅长使用表格。 表格就是由行和列构成的栅格,这些行和列构成一个个单元格,每个单元格...
关键字:表格

HTML中最重要的标志莫过于表格(Table)了。可以这样说,只要掌握好表格的用法你就掌握了HTML。一个好的网页设计者一定擅长使用表格。 表格就是由行和列构成的栅格,这些行和列构成一个个单元格,每个单元格可以放文本或是图形。 表格最基本的作用就是让复杂的数据变得更条理,让人容易看懂。但在网页中,表格还可以用来进行图形的拼接和页面元素的定位等巧妙的应用,这需要你来进行挖掘。

左对齐

居中

右对齐

这一单元格占30%

这个单元格为200象素宽

这个单元格背景色变了

以上是个基本表格的例子,它的源代码如下:

左对齐 居中 右对齐
这一单元格占30% 这个单元格为200象素宽 这个单元格背景色变了
将以上代码对照表格不难看出其中的奥妙。其中标志和属性上一节已有介绍。

以下是一种常用的表格形式:

标题1

标题2

内容1

内容2

内容3

内容4

标题1 标题2
内容1 内容2
内容3 内容4

这个表格的源代码与上一个基本相同,红色部分为实现这种效果的关键属性。对照两个表格源码应该能看出如何增删行与列。 表格可以嵌套使用,就是在单元格中再加入一个表格,你可以试一试。

责任编辑:admin
相关文章