第3章-超级链接与网页中的多媒体.pptVIP

第3章 超级链接与网页中的多媒体 知识技能要点 掌握创建页面之间超级链接的基本方法 掌握绝对路径和相对路径的概念及其使用方法 掌握建立页面目录链接的方法 掌握在网页中插入图像以及设置各种图像效果的方法 掌握在网页中嵌入视频文件和音频文件的方法 掌握制作滚动对象的基本方法 3.1? 建立超级链接 超链接标签a/a也称锚点(anchor). 基本格式为： a href=资源地址链接文字/a 说明： ① 标签a表示一个链接的开始，/a表示链接的结束； ② 属性href定义了这个链接所指的地方，可以指向任何一个文件源。 3.1? 建立超级链接 1、绝对路径 绝对路径的指文件的完整路径，包括文件传输的协议http、ftp等，一般用于网站的外部链接。 例： a href=新浪/a 02 a href=02桂电FTP/a 3.1? 建立超级链接 2、相对路径 相对路径是指相对于当前文件的路径，即从现在正在编写的文件来看，其他文件的路径。 同时，只要是处于站点文件夹之内，即使不属于同一个文件目录下，相对路径建立的链接也适合。 相对路径的编写方法 3.1? 建立超级链接 链接到同一目录内的网页文件 方法：只需输入要链接文件的名称。 格式为： a href=目标文件名.html 热点文本 /a 例：help.html路径是： e:\content\help.html index.html路径是： e :\content\index.html 在index.html里要引用help.html文件作为超链接， 则在index.html中”帮助中心”加入help.html超链接的代码为： a href =“help.html”帮助中心/a 3.1? 建立超级链接 链接到上一级目录中的网页文件 方法：应先输入../，再输入文件名。 格式为： a href=“../目标文件名.html 热点文本 /a 其中./表示退到上一级目录中。 例：info.html路径是： e :\info.html index.html路径是： e :\content\index.html 则在index.html的“介绍”加入info.html超级链接的代码应写为： a href = “../info.html”介绍/a 3.1? 建立超级链接 链接到下一级目录中的网页文件 方法：先输入目录名，然后加/，再输入文件名。 格式为： a href= 子目录名/目标文件名.html 热点文本 /a 例：pic.jpg路径是： e:\content\img\pic.jpg index.html路径是： e:\content\index.html 则在index.html 的“市区地图”加入 info.html超级链接的代码应写为： a href = “img/pic.jpg”市区地图/a 3.1? 建立超级链接 创建目录链接即创建指向本页中的链接。 要在当前页面内实现超链接，需定义两个标记：定位标记（也称书签标记） 超链接标记 制作目录链接的方法： （1）创建一个定位标记，设置文件中将要链接的位置。 格式是： a name=链接位置名称目标文本附近的字符串/a （2）在调用此链接的文件中的特定部分，定义连接， 即超链接标记。 格式是： a href=文件名＃链接位置名称链接文字/a 3.1? 建立超级链接 插入URL链接，即插入外部链接。 URL链接的形式是：　　 协议名://主机.域名/路径/文件名 格式为： a href=URL 链接内容 /a 3.1? 建立超级链接 方法：在a标记的href属性中加入mailto 格式为： a href=mailto:E-mail地址热点文本/a 例：E-mail地址是ls_ld@，建立如下链接： a href=mailto: ls_ld@ ls_ld@ /a a href=mailto: ls_ld@联系我们/a 3.2 网页中的多媒体 加入网页中的图像，通常使用GIF格式、JPEG格式和PNG格式三种。 一、插入图像标签img 格式为： img src=图像文件名 3.2 网页中的多媒体