HTML语言使用table排版.docxVIP

汇总部分使用HTML语言编写网页的基础知识当使用文本文档打开一个网页格式的文档后，会出想一整屏幕的代码。其实，细心观察，便会发现这都是在一个框架的基础上添加的内容，其框架如下所示：!DOCTYPEhtml PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=/1999/xhtmlheadmeta http-equiv=Content-Type content=text/html; charset=utf-8 /title无标题文档/title/headbody/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 的位置。（此处只做介绍，了解即可，只要在写网页代码时，将这段加载到网页的最前端即可。）以上介绍的框架介绍，可以缩减为如下：htmlheadtitle/head/headbody/body/html简单地说，网页做成如下格式，即可形成网页布局格式。head/head之间有一个title/title,这是用来填写网页的标题的（即在网页标题栏中现实的内容），比如，百度的标题就是百度一下，你就知道。head/head之间还会用来定义CSS的属性，关于CSS，将在以后讲解。接下来，就会出现body/body了，这是网页的主体部分，也就是说，所有你在网页上能看到的东西，基本上都是在body/body之间写出来的。接下来我们介绍的内容，都将是在body/body之间写出来。二、布局排版方式：布局排版方式，此处仅介绍两种：table（表格）排版， div（层）排版本篇先介绍一个如何table进行排版。对于没有基础的朋友来说，使用table排版是最为简单易行的。Table排版可以理解为，将整个网页放在一个大的表格内。调正没个单元格的大小，使其在合适的位置，显示需要显示的内容。最后将表格的边框宽度设为0（即 border = “0”，默认为1）。Table的一般格式如下：table//声明一个tabletr//声明table有一个行td在此处填写需要填写的内容/td//声明table的这个行中有一个单元格/tr//闭合此行/table//闭合此table注：在一个table中可以有多个tr出现，即表示有多个行。每个tr中又可以含有多个td,即表示一行中有多个单元格。上边是一个2行6列的单元格。在网页中可以作出如下定义：tabletrtd/tdtd/tdtd/tdtd/tdtd/tdtd/td/trtrtd/tdtd/tdtd/tdtd/tdtd/tdtd/td/tr/table讲的再通俗一点的话：想要定义一个n行m列的table 就在table/table之间写 n个tr/tr，每一个tr/tr中添加m个td/td。相信读者看到这里，应该可以定义一个简单的table了。当然我们现在能够制作一个简单的表格了，但是距离排出一个漂亮的版面，还有一定的距离。这其中包括需要知道所有的关于table的属性，以及在什么位置进行添加。下面，我们就对其中的部分重要属性进行演示。定义一个长960px（px即为像素，在网页中默认使用的大小单位。）高500px的10行，5列的表格。其代码如下所示：table width=960 height=500 border=1trtd/tdtd/td td/td td/td td/td/trtrtd/tdtd/tdtd/tdtd/tdtd/td/trtrtd/tdtd/tdtd/tdtd/tdtd/td/trtrtd/tdtd/td td/td td/td td/td /trtrtd/td td/td td/td td/td td/td/trtrtd/td td/td td/td td/tdtd/td/trtrtd/td td/td td/td td/td td/td/trtrtd/td td/td td/