html第二课.ppt

seo100@126.com 主讲：张鹏 seo100@126.com seo100@126.com seo100@126.com seo100@126.com seo100@126.com seo100@126.com seo100@126.com seo100@126.com seo100@126.com seo100@126.com seo100@126.com 表格与链接 目标 表格的应用 超级链接的使用 表格 表格：table.../table - 定义表格tr - 定义表行td - 定义表列(单元格) 属性 用途 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 超链接：HyperLink 超链接：HyperLink 链接的概念：实现由当前文档到目标文档的一种跳转 链接语法:a href=链接目标 title=”注释” target=”打开链接窗口的形式”显示内容/a_blank=在新窗口中打开_self=在自身窗口中打开_parent=在上一级窗口中打开_top在本窗口中打开 链接的类型 链接的类型:1、内部链接： 当前文档与目标文档在同一站点内 a href=目标文档位置及全称2、外部链接：当前文档与目标文档不在同一站点内 a href=URL（网址） 3、E-mail链接：并允许访问者向指定的地址发送邮件。a href=mailto:电子邮件地址 4、局部链接(锚点)：跳转到同一网页或其他文档中的指定位置。 创建锚点：a name=锚点名称 显示内容/a链接锚点： a href=#锚点名称 显示内容/a5、空链接：就是没有目标端点的链接。格式a href=# 显示内容/a 例如： 设为首页 a href=# onClick=this.style.behavior=url(#default#homepage);this.sethomepage()设为首