第4讲 超链接、多媒体、框架及表格标记 2.ppt

使用a标记创建超链接的基本语法如下： 基本语法 a href=目标端点源端点/a 语法说明： 源端点可以是文本，也可以是图片。用户在点击源端点后，页面将跳转到目标端点所指页面。 点击超链接文本后页面跳转到目标端点页面 html head title表格基本结构/title /head body table tr td第1行中的第1个单元数据/td td第1行中的第2个单元数据/td /tr tr td第2行中的第1个单元数据/td td第2行中的第2个单元数据/td /tr /table /body /html 默认情况下创建的表格没有边框，使用表格的border属性可以设置边框的粗细，还可以通过bordercolor属性设置边框颜色 基本语法 table border=边框高度 bordercolor=边框颜色 语法说明： 边框宽度值是一个数值，单位为像素，数值越大，边框越粗，当值为0时不显示边框。 设置表格的边框示例 10-2 使用th创建表头示例10-11 设置单元格对齐方式示例10-12 设置单元格的背景颜色和边框颜色示例10-13 设置单元格的背景图片示例10-14 设置单元格的高度和宽度示例10-15 单元格的跨行和跨列设置示例10-16 示例10-17 设置表格的背景颜色 默认情况下，创建的表格的背景颜色是白色，可以通过bgcolor属性修改背景颜色为其他颜色。 基本语法 table bgcolor=背景颜色 语法说明： 背景颜色既可以使用英文颜色单词表示，也可以使用十六进制的颜色值 。 设置表格的背景颜色示例10-5 设置表格的背景图片 为了使表格显得更形象生动，我们可以对表格设置背景图片。 基本语法 table background=背景图片路径 语法说明： 背景图片路径可以使用相对路径和绝对路径。 设置表格的背景图片示例10-6 设置表格的边距 表格的边距指单元格内容与单元格边框之间的间距。 基本语法 table cellpadding=边距值 语法说明： 边距值的单位是像素，值越大，单元格内容和边框的间距越大。 设置表格的边距示例10-7 设置表格的间距 表格的间距指单元格与单元格之间的间距。 基本语法 table cellspacing=间距值 语法说明： 间距值的单位是像素，值越大，单元格之间的间距越大。 设置表格的边距示例10-8 table标记属性示例 2) tr标记 tr标记常用属性： 属 性 描 述 align 设置行中各单元格内容的水平对齐方式（默认左对齐） valign 行中各单元格内容内容的垂直对齐方式（默认居中对齐 bgcolor 设置行的背景颜色 background 设置行的背景图像 bordercolor 设置行的边框颜色 bordercolorlight 设置行的亮边框颜色（右下边框颜色） bordercolordark 设置行的暗边框颜色（左下边框颜色） tr标记属性示例 3) td、th标记 td、th标记常用属性： 属 性 描 述 align 设置单元格内容的水平对齐方式（td的默认左对齐，th的默认居中对齐） valign 设置单元格内容的垂直对齐（默认居中对齐） bgcolor 设置单元格的背景颜色 background 设置单元格的背景图像 bordercolor 设置单元格的边框颜色 bordercolorlight 设置单元格的亮边框颜色（右下边框颜色） bordercolordark 设置单元格的暗边框颜色（左上边框颜色） width 设置单元格的宽度，单位为像素或表格宽度的百分比 height 设置单元格的高度 rowspan 设置单元格的跨行操作 colspan 设置单元格的跨列操作 td、th标记属性示例 框架的一个重要目的是在不同的框架中显示不同的页面，通过链接目标窗口的设置可以很容易实现这一目的 具体实现方法：将框架的框架名属性值作为超链接的target的属性值 6)框架与链接 frameset cols=20%,* frame src=frame_menu.html name=left frame src=p.htm name=right /frameset frame_menu.html超链接代码如下: body pa href=p.htm target=right Photoshop/a/p pa href=f.htm target=r