php写10乘10的表格,PHP_第10课：表格，第10课：表格 表格用来显示&ld - phpStudy

第10课：表格

第10课：表格

表格用来显示“表列数据(tabular data)”，也就是那些逻辑上以行和列显示的信息。

表格难学吗？

对于初学者来说，在HTML中创建表格似乎比较复杂，不过只要耐心细致地观察，你就会发现表格实际上与其它HTML元素相似，也具有严格的逻辑结构。

例1：

单元格1	单元格2
单元格3	单元格4

该例在浏览器中将显示如下：

单元格1 单元格2

单元格3 单元格4

和有什么区别？

上例可能是到目前为止你见过的最复杂的HTML例子，现在让我们来逐一解释其中的各个标签的含义：

用于创建表格的3个基本元素是：

首标签

分别表示一个表格的开始与结束。这是不难理解的。

tr是“table row(表格行)”的缩写，用于表示一行的开始和结束。这也容易理解。

td是“table data(表格数据)”的缩写，用于表示行中各个单元格(cell)的开始和结束。这些都是容易理解的。

下面是对例1的详细解释。表格以

单元格1

单元格2

结束。

直观地讲：行是横向的单元格，列是从纵向的单元格：

单元格1 单元格2

单元格3 单元格4

在该表格中，单元格1和单元格2构成一行，单元格1和单元格3构成一列。

虽然上例中的表格只有两行和两列，但实际上，一个表格的行列数是没有限制的。

例2：

单元格1	单元格2	单元格3	单元格4
单元格5	单元格6	单元格7	单元格8
单元格9	单元格10	单元格11	单元格12

该例在浏览器中将显示如下：

单元格1 单元格2 单元格3 单元格4

单元格5 单元格6 单元格7 单元格8

单元格9 单元格10 单元格11 单元格12

表格有可用的属性吗？

表格当然有属性。比如属性border用于指定表格四周边框的厚度：

例3：

单元格1	单元格2
单元格3	单元格4

该例在浏览器中将显示如下：

单元格1 单元格2

单元格3 单元格4

表格边框的厚度是以象素(pixels)(参见第九课)为单位来指定的。

与设定图像的显示宽度类似，象素和屏幕百分比也可以用于设定表格宽度：

例4：

该例将在浏览器中显示一个表格，其宽度是屏幕宽度的30％，你可以自己试一下。

表格还有其它属性吗？

表格有很多属性，比如下面这两个：

align：指定整个表格、某行或某个单元格里内容的水平对齐方式，比如左对齐、居中或右对齐。

valign：指定某个单元格里内容的垂直对齐方式，比如靠上、置中或靠下。

例5：

单元格1

可以往表格中插入什么？

理论上，你可以往表格中插入任何东西，诸如文本(text)、链接(links)和图像(images)等等。但是，表格是用来显示表列数据的 (也就是那些以行和列显示来体现意义的数据)，因此，不要仅仅因为你想把某些内容放在一起而使用表格。

在因特网的初期(也就是几年以前)，表格经常被用作网页布局的工具。但是，如果你要控制文本和图像的显示，还有更酷的方式(提示：即CSS)，有关内容将在后面作详细介绍。

现在，该是你动手实践刚才所学内容的时候了，试试看设计几个具有不同尺寸、属性和内容的表格。这也许要令你忙上几个小时。

本文作者:相关阅读:

Oracle DBMS_JOB:每隔特定时间执行特定任务

怎样才能在安装系统后不安应用软件

Ubuntu 7.10 Linux建立C与GTK的开发环境

收集的网上用的ajax之chat.js文件

如何将DHCP 数据库移动到Windows 2003

简化的CSS Reset:15套CSS重设实例

JavaScript闭包 懂不懂由你反正我是懂了

php5.2.0内存管理改进

SQLSERVER 2005的ROW_NUMBER、RANK、DENSE_RANK的用法

asp 获取access系统表，查询等操作代码

IE8 原生JSON支持

MYSQL教程:缓慢的drop table 操作

AJAX在移动领域威胁到Java ME了么？

调整“Oracle”数据库服务器的性能