第6讲 超级链接和格式设置

1、网页设计教程网页制作应用教程网页制作应用教程2012.102012.10QQQQ：讲师：徐儒讲师：徐儒网页设计教程上节回顾上节回顾网页图像的格式及来源插入图像 设置图像属性 图像高级设置网页设计教程超级链接的分类 超级链接及设置超级链接的高级应用-菜单导航本节讲堂：本节讲堂： 网页设计教程1、超级链接的分类、超级链接的分类 了解的知识点了解的知识点 超级链接的基本概念 内部链接 外部链接 锚点链接网页设计教程 所谓的超级链接是指从一个网页指向一个目标的连接关系连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。超级

2、链接在本质上属于一个网页网页的一部分，它是一种允许我们同其他网页或站点之间进行连接的元素。各个网页链接在一起后，才能真正构成一个网站。网站建设中超级链接几乎无处不在网页设计教程 指同一网站域名下同一网站域名下的内容页面之间互相链接。（内容链接、切换、栏目、导航菜单、站内关键词之间的Tag链接） 内部链接我们也可以称之为站内链接。站内链接。网页设计教程 外部链接指的是针对搜索引擎搜索引擎，与其它站点所做的友友情链接情链接或资源共享。 Baidu、Google网页设计教程 HTML中的链接，正确的说法应该称作锚点锚点，它命名锚点链接(也叫书签链接)常常用于那些内容庞大繁琐的网页，通过点击命名锚点，

3、不仅让我们能指向文档，还能指向页面里的特定段落，更能当作精准链接的便利工具，让链接对象接近焦点.，便于浏览者查看网页内容。 例如：查询网页中关键字的上一处、下一处网页设计教程2、超级链接及设置、超级链接及设置了解的知识点了解的知识点 超级链接属性设置 文本链接 图像链接 锚点链接 E-mail链接 创建空链接网页设计教程链接目标 _blank：链接文档在新窗口新窗口位置显示目标 _parent：链接文档在当前框架的父窗口父窗口位置显示目标 _self：链接文档在当前框架即本页本页位置显示目标（默认) _top：链接文档在当前框架的根窗口根窗口位置并跳出框架网页设计教程 最常见的超级链接，通过使

4、用鼠标点击文本即可从一个网页跳转到另一个网页。 工具栏方式1：选择文本-属性浏览文件； 工具栏方式2：选择文本-属性指向文件； 工具栏方式3：选择文本-邮件创建链接-选中文件。网页设计教程 （1）整个图像作为链接：方法与文本链接相同 （2）局部图像区域链接：图像热点链接（上一节课所讲）网页设计教程 （1）创建锚点 （2）链接锚点在制作网页时，为了达到跳转到网页固定位置网页固定位置的目的，可以使用锚点标记链接。通过对网页中指定位置的命名，利用超级链接打开目标网页时可直接跳转到相应的命名位置上。 网页设计教程 （1）创建命名锚点： 【选中位置】插入-命令锚记网页设计教程 （2）链接锚点：【选中位置

5、】插入-超级链接格式：格式：文件路径 + 文件名 + #锚记名网页设计教程 E-mail链接可以通过设置直接发送E-mail，该链接默认调用的是Microsoft OutLook应用程序来收发和管理电子邮件的功能。 【选择文本】属性链接位置-mailto:+E-mail地址网页设计教程 要想对文本设置应用行为，首先必须为文本建立空超级链接（空超级链接是一个未指派目标未指派目标的超级链接），这样行为才会有效。网页设计教程点击我（将会有惊喜）function openWin(msg)alert(你真棒. + msg); 点击我（将会有惊喜）网页设计教程function openWin()var s

6、tr1 = document.form1.text.value;var str1 = document.getElementById(textid1).value; alert(你真棒. + str1);var str2 = document.getElementsByName(text);alert(你真棒. + str20.value);点击我（将会有惊喜）网页设计教程3、超级链接的高级应用、超级链接的高级应用 栏目导航栏目导航了解的知识点了解的知识点 鼠标经过图像设置的导航条 图像热点链接设置的导航条 文本链接设置导航的导航条网页设计教程 鼠标经过图像设置导航条是一种在浏览器中查看网页时，鼠标光标经过该图像时，图像发生变化的动态图像，从而实现网站的导航功能 。 3.1、鼠标经过图像设置的导航条、鼠标经过图像设置的导航条网页设计教程 图像热点链接设置导航条是一种在图片上的局部区域，添加链接的方式，实现网站的导航功能。3.2、图像热点链接设置的导航条、图像热点链接设置的导航条网页设计教程 文本链接导航条是直接给文本添加链接的方式，实现网站的导航功能。3