081446_html第二课.pptVIP

—高级网页设计人才培训专家! —高级网页设计人才培训专家! —高级网页设计人才培训专家! 主讲：张鹏邮箱：seo100@126.com 目标 表格的应用 超级链接的使用 网页中内容排版与定位表格 表格 因为表格中可以包含任何内容，所以在使用DIV+CSS之前，网页设计师是使用表格对网页内容进行排版与布局的 表格基本结构：table.../table - 定义表格tr... /tr - 定义表行td... /td - 定义表列(单元格) th ... /th -定义标题栏(文字加粗) 属性 用途 table bgcolor=”” 设置表格的背景色。 table background=”” 设置表格的背景图片。 table border=”” 设置边框的宽度，若不设置此属性，则边框宽度默认为0。 table cellpadding=”” 设置表格单元格边框与其内部内容之间空间的大小。默认为2(表格边距) table cellspacing=”” 设置表格单元格之间空间的大小。默认为2(单元格间距) table bordercolor=”” 设置表格边框的颜色。 table bordercolorlight=”” 设置边框亮部分的颜色(当border的值大于等于1时才有用)。 table bordercolordark=”” 设置边框暗部分的颜色(当border的值大于等于1时才有用)。 table align=”” 设置表格的对齐方式（left=左，center=居中，right=右） table width=”” 设置表格的宽度，单位用绝对像素值或总宽度的百分比。 表格的属性：table table标签下的边框设置 属性名称 属性值 说明 frame void 不要显现表格的边线 above 只要显现出表格的上边线 below 只显现出表格的下边线 hsides 只显示表格的上下边线 vsides 只显现表格的左右边线 lhs 只显现表格的左边线 rhs 只显现表格的右边线 border/box 会显现出表格的所有边线 rules rows 只显示出横行的格框线 cols 只显示出直行的格框线 all 显示全部格框线 groups 表示列组合水平部分 none 不显示任何格框线 该属性必须在border 的属性值不为0 的状 态下! 属性 用途 tr width=”” 设置行的宽度 tr height=”” 设置行的高度 tr bgcolor=”” 设置行的背景颜色 tr background=”” 设置行的背景图片 tr align=”” 设置水平对齐方式 tr valign=”” 设置垂直对齐方式[top、middle、bottom ] 行的属性：tr 属性 用途 td width=”” 设置单元格的宽度 td height=”” 设置单元格的高度 td bgcolor=”” 设置单元格的背景颜色 td background=”” 设置单元格的背景图片 td align=”” 设置单元格的水平对齐方式 td valign=”” 设置单元格的垂直对齐方式 td rowspan=”” 设置行合并的数目 td colspan=”” 设置列合并的数目 td nowarp=“nowrap” 设置在单元格中不换行 列（单元格）的属性：td 表格的结构化 (1). 结构化格式： table thead …… /thead 表头区 tbody …… /tbody 表体区 ……………………… tfoot …… /tfoot 表尾区 /table (2). 直列化格式： colgroup … ./colgroup 属性名称 属性值 说明 align left 靠左 center 靠中 right 靠右 valign top 靠上 middle 靠中 bottom 靠下 span 数字 直列数 bgcolor 颜色 背景颜色 个别直列设置 格式 :col 功能完全和 colgroup 一样 (3) . 表格的标题 ： table caption … ./caption /table caption 下的属性值有 : 属性名称 属性值 说明 align top 标题在表格上方 bottom 标题在表格下方 超链接：HyperLink 一个网站是由多个网页组成的，网页之间都是通过链接实