HTML+CSS+DIV网页设计与布局 作者 聂斌 第4章 表格.pptVIP

4.9 小结 本章主要介绍了HTML中表格的使用。详细介绍了创建表格的方法、表格属性、表格边框、表格行的对齐方式、表格行和列的合并、表格结构、表格标题和表格嵌套。其中，重点介绍了表格的属性，包括表格宽度、表格高度、表格背景图片、表格单元格间距以及表格内单元格与文字的距离。表格的运用范围很广，正确的使用表格可以是使网页内容更加整洁。 第4章 表格 在文档处理中，表格是一种很常用的表现手法。在HTML中的表格除了用来对齐数据之外，更多地用来进行页面排版。无论是普通的HTML页面还是动态网站都需要使用表格来进行页面的布局。 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 4.1 创建表格 表格的开始元素是TABLE，结束元素是/TABLE。所有的表格内容都位于这两个元素之间。要创建一个完整的表格，除了包含表格元素外，还要有行元素TR和单元格元素TD。可以说，在页面中如果要创建一个完整的表格，至少要包含这3个元素。创建表格的具体语法是： TABLE TR TD表格的内容/TD /TR /TABLE 4.2 表格属性 默认情况下，表格只是作为布局的手段，因此不会在页面中显示出来。但有时候，将表格显示出来并设置一定的效果，能使页面内容更加协调。 4.2.1 表格宽度 默认情况下，表格的宽度是以内容为标准的。如果要设置表格的宽度为某一特定值，而与其中的内容无关时，则可以使用WIDTH属性，其语法如下： TABLE WIDTH=表格宽度 TR TD表格的内容/TD /TR /TABLE 4.2.2 表格高度 除了可以为表格指定宽度之外，还可以为表格指定高度。通常表格的高度都是由表格的行数及单元格里的内容决定，在为表格指明高度之后，如果表格的行数与单元格里的内容使表格的高度高于指定的高度，则浏览器将以实际的高度显示表格，如果实际高度低于指定高度，则浏览器以指定高度显示表格。TABLE元素里的HEIGHT属性值可以用来指定表格的高度，其语法如下： TABLE HEIGHT=表格高度 TR TD表格的内容/TD /TR /TABLE 4.2.3 表格背景图片 通过TABLE元素中的BACKGROUND属性，可以为表格指定一个背景图片。这种方法有点类似为网页指定背景图片。如果背景图片小于表格大小，则会平铺该背景图片以充满整个表；如果背景图片大于表格大小，而会对背景图片进行裁剪，以适应该表格。其语法如下所示： TABLE BACKRROUND=图像源文件地址 TR TD表格的内容/TD /TR /TABLE 4.2.4 单元格间距 单元格间距是指表格中两个相邻单元格之间的间距和单元格与表格边框的间距。在默认情况下，单元格与单元格之间的间距是两个像素。通过设置TABLE元素中的CELLSPACING属性值，可以增大或缩小单元格之间的间距。其语法如下所示： TABLE CELLSPACING=间距大小 TR TD表格的内容/TD /TR /TABLE 4.2.5 表格内单元格与文字的距离 表格内单元格与文字的距离是指在单元格内，文字与单元格边框的距离。默认情况下，文字是紧贴着单元格的边框出现的，这样会显得页面的内容有些拥挤，可以通过TABLE元素中的CELLPADDING属性来调整这一距离，其语法是： TABLE CELLPADDING=单元格与文字距离的值 TR TD表格的内容/TD /TR /TABLE 4.3 表格边框 表格的用处很多，不过只要不是涉及到网页排版，通常都会将表格边框显示出来。而且要设置表格的属性，就要先将表格的边框显示出来，这样才能更好地查看表格的效果。HTML中为TABLE元素提供了多个属性用于设置表格边框的样式。 4.3.1 边框宽度 在HTML中，默认表格的边框宽度为零，即不显示表格的边框。如果要显示表格的边框，就必须要为表格指定边框宽度。在HTML中，可以使用TABLE元素中的BORDER属性来设置表格边框的宽度。其语法如下所示： TABLE BORDER=表格的边框宽度 TR TD表格的内容/TD /TR /TABLE 4.3.2 边框颜色 默认情况下，边框的颜色是灰色的。如果整个页面设置了特定的颜色，那么为了使表格和整个页面协调一致，就应该为表格的边框设置一个搭配的颜色。可以使用TABLE元素中的BORDERCOLOR属性来设