《前端开发技术htmlcssjavascript_教学课件_聂常红 第4讲 超链接多媒体及表格标记》由会员分享，可在线阅读，更多相关《前端开发技术htmlcssjavascript_教学课件_聂常红 第4讲 超链接多媒体及表格标记（51页珍藏版）》请在金锄头文库上搜索。
1、在线教务辅导网：http:/,教材其余课件及动画素材请查阅在线教务辅导网,QQ:349134187 或者直接输入下面地址：,http:/,第4讲 超链接、多媒体及表格,4.1 超链接标记 4.2 多媒体标记 4.3 表格标记,学习目标,掌握各种超链接的设置 掌握各种常用多媒体标记的使用 掌握创建表格以及格式化表格 掌握使用嵌套表格布局网页,浏览者通过单击文本或图片对象，可以从一个页面跳到另一个页面，或从页面的一个位置跳到另一个位置，实现这样的功能的对象称之为超链接 创建超链接的条件：必须同时存在两个端点。一个是源端点；另一个是目标端点 源端点：指网页中的提供链接单击的对象， 如链接文本或链接图
2、像 目标端点：指链接跳过去的页面或位置， 如某网页、书签等,4.1 超链接标记,1）超链接标记及常用属性,链接目标窗口示例,2）链接路径设置,绝对路径: 指文件的完整路径 文件相对路径：指相对于当前文件的路径 文件相对路径有以下几种：,根据超链接的目标端点来分，超链接可分为： 内部链接 外部链接 书签链接 脚本链接 文件下载链接 根据超链接的源端点来分，超链接可分为： 文本链接 图像链接 图像映射,3）超链接类型,内部链接,内部链接是指在同一个网站内部，不同网页之间的链接关系 基本语法链接文字/图片 语法解释通过“href”属性指定目标端点； “file_name”为要链接文件的路径，一般使用
3、相对路径；提供给鼠标单击的内容，即源端点，既可以使用“文字”，也可以使用“图片”,外部链接,外部链接是指跳转到当前网站外部，和其他网站中的页面或其他元素之间的链接关系。 基本语法链接文字/图片 语法解释通过“href”属性指定目标端点； “URL”为要链接文件的路径，一般情况下，该路径需要使用绝对路径；提供给鼠标单击的内容，即源端点，既可以使用“文字”，也可以使用“图片”,链接文字,内部和外部超链接示例,书签链接,书签链接：指目标端点为网页中的某个设置了称为书签标记的位置的链接 创建书签链接步骤： 创建书签 为书签制作链接,建立书签,基本语法文字/图片 语法解释文字/图片中的“”表示文字或图片
4、可有可无，书签将在光标处建立一个名为“name”属性值所规定的书签。,建立书签链接,基本语法 链接到同一页面中的书签：链接文字 链接到其他页面中的书签: 链接文字 语法解释“书签名”是已定义的书签名，“file_name”是要跳转到的页面路径。 书签链接示例,脚本链接,在链接语句中，可以通过脚本来实现HTML语言完成不了的功能。 基本语法 链接内容 语法解释在javascript:后面编写的就是具体的脚本,文件下载链接,要创建文件下载，只要在链接地址处输入文件路径即可，当用户单击链接后，浏览器会自动判断文件类型，以做出不同情况的处理，如直接打开，或弹出下载对话框供下载 可用于下载的文件类型有.
5、doc、.Rar、.cab、.zip、.exe等,基本语法链接文字 文件下载示例,文本链接,文本链接是指源端点为文本文字的超链接 基本语法链接文字,图像链接,图像链接是指源端点为图像文件的超链接 基本语法语法解释“filename_link”为要跳转到的文件路径，“filename_img”为图像文件路径，默认情况下，图像链接会显示蓝色边框线，如果不想显示边框，应设置border=0,图像链接示例,图像映射,图像热区：一幅图像被切分成不同的区域，每一个区域可以链接到不同的地址，这些区域称为图像的热区。 图像映射：指源端点为图像热区的超链接,基本语法,激活映射,语法解释img标记中的usenam
6、e属性主要用于激活映射之用；标记用于创建热区，“shape”属性设置热区形状，如果为矩形热区， “coords”属性值x1,y1,x2,y2分别为矩形左上顶点和右下顶点的坐标；如果为圆形热区， “coords”属性值x,y, r分别为圆心坐标和半径长度；如果为多边形热区， “coords”属性值x1,y1,x2,y2,.分别为多边形各个顶点的坐标,4.2 多媒体标记,为增强网页的功能以及动感，现在的网页一般都会加入诸如声音、动画、视频等多媒体内容。示例 常用多媒体标记：,1) 滚动文字设置,基本语法滚动文字 marquee常用属性:,滚动文字标记示例,2) 嵌入多媒体内容,在网页中可以使用标记
7、嵌入MP3、电影等多媒体内容 基本语法embed标记常用属性：,3) 设置背景音乐,访问者访问页面时自动播放背景音乐 基本语法bgsound标记常用属性：,多媒体标记综合示例,在网页中嵌入flash动画，通常会使用标记，因为该标记允许开发者为插入到页面中的对象指定数据和参数 基本语法：,4)嵌入flash动画,嵌入Flash动画示例,5）嵌入 Java Applet,applet 是用Java 开发的一种小程序，不能独立运行，必须嵌入到HTML文件，并通过支持java的浏览器运行。 在网页中嵌入的是applet的类文件 嵌入java applet时，必须指定显示applet的区域大小,基本语法
8、语法解释XXX.class表示所嵌入的applet类文件，width、height属性用于设置applet文件显示区域,嵌入java applet示例,4.3 表格标记,使用表格标记，可在网页中创建表格。表格在网页中除了作为一个显示对象以外，还有一个重要的作用就是用于排版页面内容 构成表格的主要标记,基本语法()()()(),表格标记示例,1) 标记,标记常用属性,table标记属性示例,2) 标记,标记常用属性：,tr标记属性示例,3) 、标记,、标记常用属性：,td、th标记属性示例,4)caption标记,caption标记用于设置表格题注 概括表格的内容 提供关于表格内容的一些信息 基
9、本语法 常用属性,在网页排版中，通常需要通过表格的嵌套来完成 表格的嵌套是指在一个表格的单元格中插入另一个表格,5）嵌套表格,表格嵌套设置示例,在网页排版中使用嵌套表格的原因： 一是利于简化表格制作：网页的排版有时会很复杂，在外部需要有一个表格控制总体布局，如果这时一些内部排版的细节也通过总表格来实现，容易引起行高列宽等的冲突，给表格制作带来困难 二是提高浏览器响应速度：浏览器在解析网页的时候，是将整个表格的结构下载完毕之后才显示表格，如果不使用嵌套，表格非常复杂，表格下载耗时相对长，浏览者要等很长时间才能看到网页的内容,小 结,创建超链接必须具备的条件是同时存在源端点和目标端点 在创始超链接
10、时经常涉及的路径有两种：绝对路径、文件相对路径 通常外部链接需要使用绝对路径，内部链接一般使用文件相对路径 超链接必设的一个属性是href 通过target属性，可使用目标端点在不同的窗口打开,根据源端点，超链接可分为文本超链接、图像超链接和图像映射；根据目标端点，超链接则可分为内部链接、外部链接、书签链接和文件下载链接 创建书签链接的步骤有两步：一是创建书签；二是为书签制作链接 在网页中嵌入applet时需要指定applet类文件，而且还要在中定义显示区域的大小 表格的内容必须放置在或之间 在排版网页时通常需要嵌套表格，所谓表格的嵌套，是指在一个表格的单元格中插入另一个表格,思考题,1. 创始超链接必须具备的条件是什么？ 2. 外部和内部链接一般各需要使用什么路径？ 3. 创建超链接时必设的一个属性是什么? 4. Target属性的默认属性值是什么? 5. 根据源端点和目标端点，超链接分别可分成哪些类型? 6. 创建书签链接的步骤是什么？ 7. 如何设置文件的下载？ 8.如何让背景音乐循环不断播放? 9. 嵌入java applet时应如何设置? 10.在网页排版时，应如何嵌套表格?,
