课件：如何制作超链接.pptVIP

* 一、背景图像的设定 在网页中除了可以用单一的颜色做背景外，还可用图像设置背景。 设置背景图像的格式： body background= image-url 其中 image-url 指图像的位置。 * 二、网页中插入图片标签img 网页中插入图片用单标签img，当浏览器读取到img标签时，就会显示此标签所设定的图像。如果要对插入的图片进行修饰时，仅仅用这一个属性是不够的，还要配合其它属性来完成。 IMG 的格式及一般属性设定： img src=logo.gif width=100 height=100 hspace=5 vspace=5 border=2 align=top alt=Logo of PenPals Garden  * * 三、图像的超链接 图像的链接和文字的链接方法是一样的，都是用a标签来完成，只要将img标签放在a和/a之间就可以了。用图像链接的图片的上有蓝色的边框，这个边框颜色也可以在body标签中设定。 如a href=/img alt=百度搜索 src=../../image/logo.gif/a * 例5： 假设beginner.html、12.gif和下面的HTML文档在同一文件夹(即同一个路径)下，可使用下面的语句链接文档： A HREF=beginner.htmlIMG SRC= 12.gif ALT=Hotlist/A * 练习题 用HTML编写网页，要求： 设置背景图像 页面包含另一幅图像，为其设置图像超链接功能 可使用HTML其他标签 页面美观大方 谢谢您的观看！ * 《电子商务技术基础》 3.3.4 建立超链接 * 一、概述 HTML文件中最重要的应用之一就是超链接，web上的网页是互相链接的，单击被称为超链接的文本或图形就可以链接到其它页面。超文本具有的链接能力,可层层链接相关文件，这种具有超级链能力的操作，即称为超级链接。超级链接除了可链接文本外，也可链接各种媒体，如声音、图象、动画，通过它们我们可享受丰富多采的多媒体世界。 * 建立超链接的标签为A和/A 格式为：A HREF=资源地址? TARGET=窗口名称 TITLE=指向连接显示的文字超链接名称/A 说明：标签A表示一个链接的开始，/A表示链接的结束； 属性“HREF”定义了这个链接所指的目标地址；目标地址是最重要的，一旦路径上出现差错，该资源就无法访问 TARGET:该属性用于指定打开链接的目标窗口，其默认方式是原窗口。 一、概述 * TITLE：该属性用于指定指向链接时所显示的标题文字。 ?“超链接名称”是要单击到链接的元素，元素可以包含文本，也可以包含图像。文本带下划线且与其它文字颜色不同；图形链接通常带有边框显示。用图形做链接时只要把显示图像的标志img嵌套在A HREF=URL/A之间就能实现图像链接的效果。当鼠标指向超链接名称处时会变成手状，单击这个元素可以访问指定的目标文件。 一、概述 * 一、概述 * 例1： 下面是一个使用HTML编辑器编辑的《HTML初学者指南》文档，它的文件名是beginner.html，存放在d盘lianjie/example1的文件夹下。该文档包含有4个部分，每个部分用单独的一个文档来表示，分别是page1.html， page2.html ， page3.html ， page4.html而且都存放在lianjie/example1目录下，《HTML初学者指南》的文档如下所示： * HTML HEAD TITLEHTML初学者指南/TITLE /HEAD BODY H2HTML入门/H2 A href=page1.html第一部分/A | A href=page2.htmlTARGET=_blank 第二部分/A | A href=page3.html第三部分/A | A href=page4.html第四部分/A /BODY /HTML * 小练习： 用HTML自定义3个内容不同的超链接文档p1,p2,p3，并编写一个超链接文档lianjie.html，链接这3个html文档。使用在原窗口打开文档以及在新窗口打开文档的属性。 * 二、链接路径 每一个文件都有自己的存放位置和路径，理解一个文件到要链接的那个文件之间的路径关系是创建链接的根本。 URL(Uniform Resourc Locator) 指的就是每一个网站都具有的地址。同一个网站下的每一个网页都属于同一个地址之下，在创建一个网站的网页时，不需要为每一个连接都输入完全的地址，我们只需要确定当前文档同站点根目录之间的相对路径关系就可以了。 * 因此，链接可以分以下三种： 绝对路径如： 相对路径如：news/index.html 根路径如：d│/web/news/index.html