利用表格制作网页的详细步骤.pdfVIP

利用表格制作网页的详细步骤 利用表格制作网页的详细步骤 将一定的内容按特定的行、列规则进行排列就构成了表格。 无论在日常生活和工作中，还是在网页设计中，表格通常都可以使信息更容易 理解。 HTML具有很强的表格功能，使用户可以方便地创建出各种规格的表格， 并能对表格进行特定的修饰，从而使网页更加生动活泼。 HTML表格模型使用户 可以将各种数据 ( 包括文本、预格式化文本、图像、链接、表单、表单域以及其 他表格等 ) 排成行和列，从而获得特定的表格效果。 表格在网页设计中的地位非常重要，可以说如果您表格用不好的话，就不 可能设计出出色的网页。大多数初学者一开始就接触表格，对表格都有一定的 了解，但是要实现真正细致甚至强大的功能，仔细理解 table 的代码结构至关 重要！我们将在这里详细介绍表格各种常用的标记、技巧以及表格使用中的问 题，了解和掌握了这些内容，你将发现， table 原来是这样的亲切易用 ! 一、创建基本的表格 一个表由＜ table ＞开始， ＜/table ＞结束，表的内容由 ＜tr ＞, ＜ th ＞和＜td ＞定义。＜ tr ＞说明表的一个行，表有多少行就有多少个＜ tr ＞； ＜th ＞说明表的列数和相应栏目的名 称，有多少个栏就有多少个＜ th ＞；＜td ＞则填充由＜ tr ＞和 ＜th ＞组成的表格。 表格重要的基本标记不多，但每个标记都有很多的属性，考虑到一下 子把这些属性都列出来，可能让初学者感到无从下手，所以我们还是从表格的 外观 ( 即浏览器中显示的表格的样式 ) 来了解最基本的属性。 在讲解之前，我们先来看看表格的基本构造。 下图是一个 3 行 3 列的 表格。 这里面有两个概念要弄明白：表格与单元格。他们的关系是整体与局 部的关系，如同砌墙的砖和砌好的墙一样。在上面 3 行 3 列的表格中一共有 9 个单元格。由于我们后面将提到的表格属性和单元格属性有很多是相同的，所 以一定要分清楚。前面已经说过表格的最基本标记为＜ table ＞、＜tr ＞、＜td ＞，可以先树立这样一个概念：描述整个表格的属性标记放在＜ table ＞里，描 述单元格的属性标记放在＜ tr ＞、＜td ＞里。 有这样一个概念后，我们学习起 来就可能简单些。 1、表格、单元格的大小 , 表格边框的宽度、颜色 , 单元格边框的颜色 表格以及单元格的大小是用“ width=# ”和“height=# ”属性说明， “width=# ”表示宽，“ height=# ”表示高，， #是以象素或者百分比为单位的 数字。表格边框的宽度是用“ border=# ”属性说明， ，#为宽度值， 单位是象素， 表格边框的颜色是用“ bordercolor=# 属性说明， #是 16 进制的 6 位数，格式 为 rrggbb ，分别表示红、 绿、兰三色的分量。或者是 16 种已定义好的颜色名 称，参见文本颜色，单元格边框的颜色属性与表格的相同，但只适用于 IE 。下 面是一个宽为 300, 高为 80, 边框宽为 4, 边框颜色为“ FF0000”的一行两列表格， 其中第一个单元格的宽为 200, 高为 80，第二个单元格的边框颜色为“