第7章 表格元素.pptVIP

第7章 表格元素 在制作页面的过程中，会用到各种表格来对页面进行排版，。如何把表格美观、实用的放在要制作的页面中呢？本章将讲解表格元素及其相关元素的属性和应用。通过本章的学习，主要掌握以下几点： 重点掌握表格元素各种属性的特点和用法。 能够按照页面的要求制作表格。 掌握变革的边界属性的各个特点。 通过本章学习能熟练制作表格。 7.1 表格元素的结构 与其他元素不同，在表格中一般通过3个标记来构建，分别是表格标记、行标记和单元格标记。其中表格标记是table和/table，表格的其他各种属性都要在表格的开始标记table和表格的结束标记/table之间才有效。 7.1.1 表格 table 表格元素table用来在页面中定义一个表格。但是table元素并不能单独的定义一个完整的表格，而是必须要在其中使用tr元素以及其他的元素，才能共同构成一个完整的表格。 7.1.2 行 tr 从例程7-1中已经知道用行元素tr用来定义表格的行，并且tr元素中也要包含其他的元素，如td元素、th元素等，这样才能共同构成一个完整的表格。 7.1.3 单元格 td 我们用单元格元素td用来定义表格的单元格。单元格的含义就是表格中最小的表格单元，也就是几行几列的表格中的一个单独的格子。同样td元素不能单独使用，也要table元素、tr元素等，共同构成一个完整的表格。 7.2 table元素的属性 通过第一节的学习，我们已经对表格有了初步的认识，在这一节中，我们将详细讲解关于table元素的各种相关属性。 7.2.1 边框属性 border 在上街的学习中，我们讲解的表格元素的时候，大家已经注意到页面中并看不到边框，在制作过程中，我们用边框属性border来定义表格元素的边框宽度。如果单元格中没有定义其他的边框属性，则单元格，将使用1像素的边框属性值。 7.2.2 水平对齐属性 align 在制作页面的过程中，我们用水平对齐属性align来定义表格的对齐方式。根据实际情况来调整表格在页面中的位置，align语法结构如下所示。 7.2.3 高度属性 height 页面制作的时候，我们还需要调整表格的高度。在HTML中，我们用高度属性height来定义表格的高度。如果单元格中没有定义自身的高度属性，则单元格将根据自身含有的内容自动调整高度，适应table元素的高度。 7.2.4 宽度属性 width 表格的宽度也是页面制作的一个重要内容，在HTML中，我们用宽度属性width来定义表格的宽度。如果单元格中没有定义自身的宽度属性，则单元格会根据自身含有的内容自动调整宽度来适应table元素的宽度。 7.2.5 边框颜色属性 bordercolor 为了使表格在页面美观，我们用边框颜色属性bordercolor来定义表格边框的颜色。 7.2.6 边框暗边线属性 bordercolordark 我们先来了解一下什么是边框暗边线属性，在table元素中边框暗边线是指表格的右侧和底部的边线，我们用边框暗边线属性bordercolordark用来定义表格边框暗边线的颜色。 7.2.7 边框亮边线属性 bordercolorlight table元素中边框亮边线，是指表格的左侧和顶部的边线，我们用边框亮边线属性bordercolorlight来定义表格边框亮边线的颜色。 7.2.8 背景颜色属性 bgcolor 为了突出显示表格，还可以为表格设置与页面不同的背景。通常用背景颜色属性bgcolor来定义表格的背景颜色。 7.2.9 背景图片属性 background 通常我们用背景图片属性background来定义表格使用的背景图片。如果单元格中没有定义自身的背景颜色属性或者图片属性，则单元格将显示table元素中定义的背景图片。 7.2.10 单元格间距属性 cellspacing 在HTML中，通常用单元格间距属性cellspacing来定义各个单元格之间的间距。使用cellspacing属性定义单元格之间间距的同时，也使单元格和table元素之间分隔了一定距离。 7.2.11 单元格补白属性 cellspadding 在默认情况下，表格内的文字会紧贴着表格的边框，这样看上去非常拥挤。可以使用单元格补白属性cellspadding来调整各个单元格与其中的内容之间的间距。 7.2.12 表格单元格边框属性 rules 有时候我们需要根据页面的实际需要定义单元格之间的边框，在HTML中我们通常用表格单元格边框属性rules来在表格中定义单元格之间的边框，也可以定义列、行或者列组等元素的边框。 7.2.13 表格边框属性 frame 表格边框属性frame，用来定义表格边框的显示方式，通过frame属性可以定义