本篇先介绍一个如何 table 进行排版。
对于没有基础的朋友来说，使用 table 排版是最为简单易行的。
Table 排版可以理解为，将整个网页放在一个大的表格内。调正没个单元格的大小，使其在
合适的位置，显示需要显示的内容。最后将表格的边框宽度设为 0（即 border = “0”，默认
为 1）。
Table 的一般格式如下：
以上为整个 table 的事例。
读者很容易猜到，在<table width="960" height="500" border="1">处，定义了 table 的长 和高，以及表格边框的宽度。除了这三个属性之外，还有一个重要的属性就是定义表格背景
色，可以将其定义为一个不同于网页的颜色，可以在<table>中填写代码 <table bgcolor = “red”>（将背景色设为红色为例）。
</tr> <tr> <td></td> <td></td>
</tr> <tr> <td></td> <td></td>
</tr> </table>
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td><td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
<body> </body> </html>
解释： <!DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前。 此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。
所以，<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" /TR/xhtml1/DTD/xhtml1-transitional.dtd> 声 明 了 文 档 的 根 元 素 是 html ， 它 在 公 共 标 识 符 被 定 义 为 "-//W3C//DTD XHTML 1.0 Transitional//EN" 的 DTD 中进行了定义。浏览器将明白如何寻找匹配此公共标识符的 DTD。如果找不到，浏览器将使用公共标识符后面的 URL 作为寻找 DTD 的位置。 （此处只做介绍，了解即可，只要在写网页代码时，将这段加载到网页的最前端即可。）
//CSS 的定义
#input {
width: 440px;
height: 30px;
}
#menu {
height: 35px;
width: 90px;
}
</style>
</head>
<center>
//使用了一个属性，将整个页面居中显示，不要忘记最后需要闭合
<body>
<table width="1156" height="189" border="0">
Align 的属性有：
Valign 属性有： 具体操作，由读者进行实验。（可在 dreamweaver 或者 txt 文本文档中进行）。
接下来，我们对合并单元格做一下介绍：
毕竟，有时，我们需要某一行只显示一个内容，而又要让他进行居中显示，并且之后的内容
还需要全部平均分布在他的下方。这会为难部分读者。 <HTML>语言同样考虑到了这点。
显示效果如下：
试问： 如果上述代码中 colspan 改为 等于 5，是一个什么样的效果？ 此处不做过多解释， 效果如下所示，读者可自行操作实验：
最后我们需要讲到，关于对不同单元格的长高设置：
这个应该说是比较容易理解的，与之前的设置文本的对其方式大体相仿。
如果需要让某一个单元格修改，就可以直接在单元格上操作。如果让一行单元格修改，那么
<tr> <td></td> <td></td>
</tr> <tr> <td></td> <td></td>
</tr> <tr> <td></td> <td></td>
</tr> <tr> <td></td> <td></td>
</tr> <tr> <td></td> <td></td>
</tr> <tr> <td></td> <td></td>
<table>
//声明一个 table
<tr>
//声明 table 有一个行
<td>在此处填写需要填写的内容</td>
//声明 table 的这个行中有一个单元格
</tr>
//闭合此行
</table>
//闭合此 table
注：在一个 table 中可以有多个<tr>出现，即表示有多个行。每个<tr>中又可以含有多个<td>, 即表示一行中有多个单元格。
通过这里，就可以看出，整个关于<table>的属性都是如下规则： 表达式 = “属性值” 在<table>中还会用到对其方式， 如果对某一个单元格设置对其方式那么就在这个单元格所对应的<td>中写 align=" " valign=" "，即<td align="center" valign="middle"> 其中 align 表示水平方向上的对其方式， valign 表示竖直方向上的对其方式。 如果要对某一行的单元格进行相同的设置，可以在<tr>中定义，即<tr align="center" valign="middle">. 如果要对整个表格进行设置，只能是在每一个<td>上设置，或者在每一个<tr>上进行设 置了。
<tr>
<td colspan="12" align="right">
<tr>
<td colspan="12" align="center"><img src="/img/_sylogo1.gif"
/></td>
汇总部分使用 HTML 语言编写网页的基础知识
当使用文本文档打开一个网页格式的文档后，会出想一整屏幕的代码。其实，细心观察，便 会发现这都是在一个框架的基础上添加的内容，其框架如下所示： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> &。（仅仅设置文字，不 进行超级链接设置。）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"/TR/xhtml1/DTD/xhtml1-transitional.dtd">
以上介绍的框架介绍，可以缩减为如下： <html> <head> <title></head> </head> <body> </body> </html> 简单地说，网页做成如下格式，即可形成网页布局格式。 <head></head>之间有一个<title></title>,这是用来填写网页的标题的head></head>之间还会用来 定义 CSS 的属性，关于 CSS，将在以后讲解。
