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

第4讲 超链接、多媒体及表格;学习目标;4.1 多媒体标记;1) 滚动文字设置;1) 滚动文字设置;1) 滚动文字设置; ;2) 嵌入多媒体内容;3) 设置背景音乐; ;框架的作用，就是把浏览器窗口划分成若干个区域，每个区域可以分别显示不同的网页。 注意：使用框架结构时，HTML文档中不能出现body标记对，此时body需要由frameset代替;框架集标记frameset：主要是定义浏览器窗口的分割方式、各分割窗口（框架）的大小以及格式化框架边框 框架标记frame：定义各分割窗口中显示的内容，并能对各分割窗口进行格式化;2）框架集标记frameset;框架分割窗口方式;左右分割;frameset cols=20%,* frame frame /frameset;上下分割;frameset rows=20%,* frame frame /frameset; 嵌套分割;frameset cols=20%,55%,* frameset rows=100,* frame frame /frameset frame frame /frameset;frameset对框架边框的格式化;3) 框架标记frame;frameset cols=20%,* frame src=“frame_menu.html” name=“left” frame src=“p.htm” name=“right” /frameset;;框架综合示例;4)不支持框架标记noframes;;5) 浮动框架iframe;浮动框架示例;框架的一个重要目的是在不同的框架中显示不同的页面，通过链接目标窗口的设置可以很容易实现这一目的 具体实现方法：将框架的框架名属性值作为超链接的target的属性值;frameset cols=20%,* frame src=frame_menu.html name=left frame src=p.htm name=right /frameset;浮动框架与链接示例;浏览者通过单击文本或图片对象，可以从一个页面跳到另一个页面，或从页面的一个位置跳到另一个位置，实现这样的功能的对象称之为超链接 创建超链接的条件：必须同时存在两个端点。一个是源端点；另一个是目标端点 源端点：指网页中的提供链接单击的对象， 如链接文本或链接图像 目标端点：指链接跳过去的页面或位???， 如某网页、书签等 ;1）超链接标记及常用属性;使用a标记创建超链接的基本语法如下：;点击超链接文本后页面跳转到目标端点页面;1）超链接标记及常用属性;链接目标窗口示例; ;2）链接路径设置;根据超链接的目标端点来分，超链接可分为： 内部链接 外部链接 书签链接 脚本链接 文件下载链接 根据超链接的源端点来分，超链接可分为： 文本链接 图像链接 图像映射;内部链接;外部链接;a href=“mailto:邮址1？Subject=contentcc=邮址2 bcc=邮址3”链接文字/a; ;书签链接;①建立书签;②建立书签链接;文件下载链接;基本语法 a href=“File_URL”链接文字/a 文件下载示例 ;文本链接;图像链接;;4.3 表格标记;基本语法 table tr td(th)…td(/th) …… /tr tr td(th)…td(/th) …… /tr …… /table;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;表格标记示例;1) table标记; 默认情况下创建的表格没有边框，使用表格的border属性可以设置边框的粗细，还可以通过bordercolor属性设置边框颜色 基本语法 table border=边框高度 bordercolor=边框颜色 语法说明： 边框宽度值是一个数值，单位为像素，数值越大，边框越粗，当值为0时不显示边框。 设置表格的边框示例 10-2;设置表格的宽度和高度;设置表格的对齐方式;设置表格的背景颜色;设置表格的背景图片;设置表格的边距;设置表格的间距; ;2) tr标记; ;3) td、th标记;使用th创建表头示例10-11 设置单元格对齐方式示例10-12 设置