第4章 表格 在文档处理中,表格是一种很常用的表现手法。在HTML中的表格除了用来对齐数据之外,更多地用来进行页面排版。无论是普通的HTML页面还是动态网站都需要使用表格来进行页面的布局。 4.1 创建表格 表格的开始元素是
。所有的表格内容都位于这两个元素之间。要创建一个完整的表格,除了包含表格元素外,还要有行元素和单元格元素。可以说,在页面中如果要创建一个完整的表格,至少要包含这3个元素。创建表格的具体语法是:
4.2 表格属性 默认情况下,表格只是作为布局的手段,因此不会在页面中显示出来。但有时候,将表格显示出来并设置一定的效果,能使页面内容更加协调。 4.2.1 表格宽度 默认情况下,表格的宽度是以内容为标准的。如果要设置表格的宽度为某一特定值,而与其中的内容无关时,则可以使用WIDTH属性,其语法如下:
4.2.2 表格高度 除了可以为表格指定宽度之外,还可以为表格指定高度。通常表格的高度都是由表格的行数及单元格里的内容决定,在为表格指明高度之后,如果表格的行数与单元格里的内容使表格的高度高于指定的高度,则浏览器将以实际的高度显示表格,如果实际高度低于指定高度,则浏览器以指定高度显示表格。
4.2.3 表格背景图片 通过
4.2.4 单元格间距 单元格间距是指表格中两个相邻单元格之间的间距和单元格与表格边框的间距。在默认情况下,单元格与单元格之间的间距是两个像素。通过设置
4.2.5 表格内单元格与文字的距离 表格内单元格与文字的距离是指在单元格内,文字与单元格边框的距离。默认情况下,文字是紧贴着单元格的边框出现的,这样会显得页面的内容有些拥挤,可以通过
4.3 表格边框 表格的用处很多,不过只要不是涉及到网页排版,通常都会将表格边框显示出来。而且要设置表格的属性,就要先将表格的边框显示出来,这样才能更好地查看表格的效果。HTML中为
4.3.2 边框颜色 默认情况下,边框的颜色是灰色的。如果整个页面设置了特定的颜色,那么为了使表格和整个页面协调一致,就应该为表格的边框设置一个搭配的颜色。可以使用