html语言如何排版,html语言,使用table排版.docx

PAGE / NUMPAGES

汇总部分使用HTML语言编写网页的基础知识

当使用文本文档打开一个网页格式的文档后，会出想一整屏幕的代码。其实，细心观察，便会发现这都是在一个框架的基础上添加的内容，其框架如下所示：

个人收集整理 勿做商业用途

个人收集整理 勿做商业用途

无标题文档

解释：

声明位于文档中的最前面的位置，处于 标签之前。

此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。

所以，TR/xhtml1/DTD/xhtml1-transitional.dtd>个人收集整理 勿做商业用途

声明了文档的根元素是 html，它在公共标识符被定义为 "-//W3C//DTD XHTML 1.0 Transitional//EN" 的 DTD 中进行了定义。浏览器将明白如何寻找匹配此公共标识符的 DTD。如果找不到，浏览器将使用公共标识符后面的 URL 作为寻找 DTD 的位置。个人收集整理 勿做商业用途

(此处只做介绍，了解即可，只要在写网页代码时，将这段加载到网页的最前端即可。)

以上介绍的框架介绍，可以缩减为如下：

简单地说，网页做成如下格式，即可形成网页布局格式。

,这是用来填写网页的标题的(即在网页标题栏中现实的内容)，比如，百度的标题就是 百度一下，你就知道。之间还会用来定义CSS的属性，关于CSS，将在以后讲解。个人收集整理 勿做商业用途

接下来，就会出现

了，这是网页的主体部分，也就是说，所有你在网页上能看到的东西，基本上都是在之间写出来的。接下来我们介绍的内容，都将是在之间写出来。个人收集整理 勿做商业用途

二、布局排版方式：

布局排版方式，此处仅介绍两种：table(表格)排版， div(层)排版

本篇先介绍一个如何table进行排版。

对于没有基础的朋友来说，使用table排版是最为简单易行的。

Table排版可以理解为，将整个网页放在一个大的表格内。调正没个单元格的大小，使其在合适的位置，显示需要显示的内容。最后将表格的边框宽度设为0(即 border = “0”，默认为1)。个人收集整理 勿做商业用途

Table的一般格式如下：

在此处填写需要填写的内容

//闭合此table

注：在一个table中可以有多个

出现，即表示有多个行。每个中又可以含有多个,即表示一行中有多个单元格。个人收集整理 勿做商业用途

上边是一个2行6列的单元格。在网页中可以作出如下定义：

讲的再通俗一点的话： 想要定义一个n行m列的table 就在

之间写 n个，每一个中添加m个。个人收集整理 勿做商业用途

相信读者看到这里，应该可以定义一个简单的table了。

当然我们现在能够制作一个简单的表格了，但是距离排出一个漂亮的版