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

网页制作应用教程2012.10QQ：23932209@讲师：徐儒上节回顾网页图像的格式及来源插入图像设置图像属性图像高级设置超级链接的分类超级链接及设置超级链接的高级应用-菜单导航本节讲堂：超级链接和格式设置1、超级链接的分类

了解的知识点：超级链接的基本概念内部链接外部链接锚点链接1.1超级链接的基本概念所谓的超级链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。

超级链接在本质上属于一个网页的一部分，它是一种允许我们同其他网页或站点之间进行连接的元素。各个网页链接在一起后，才能真正构成一个网站。网站建设中超级链接几乎无处不在1.2内部链接指同一网站域名下的内容页面之间互相链接。（内容链接、切换、栏目、导航菜单、站内关键词之间的Tag链接）

内部链接我们也可以称之为站内链接。1.3外部链接外部链接指的是针对搜索引擎，与其它站点所做的友情链接或资源共享。

Baidu、Google1.4锚点链接

HTML中的链接，正确的说法应该称作"锚点"，它命名锚点链接(也叫书签链接)常常用于那些内容庞大繁琐的网页，通过点击命名锚点，不仅让我们能指向文档，还能指向页面里的特定段落，更能当作"精准链接"的便利工具，让链接对象接近焦点.，便于浏览者查看网页内容。

例如：查询网页中关键字的上一处、下一处2、超级链接及设置了解的知识点：超级链接属性设置文本链接图像链接锚点链接E-mail链接创建空链接链接目标_blank：链接文档在新窗口位置显示目标_parent：链接文档在当前框架的父窗口位置显示目标_self：链接文档在当前框架即本页位置显示目标（默认)_top：链接文档在当前框架的根窗口位置并跳出框架2.1超级链接属性设置2.2文本链接最常见的超级链接，通过使用鼠标点击文本即可从一个网页跳转到另一个网页。工具栏方式1：选择[文本]->[属性]浏览文件；工具栏方式2：选择[文本]->[属性]指向文件；工具栏方式3：选择[文本]->[邮件]创建链接->选中文件。2.3图像链接（1）整个图像作为链接：方法与文本链接相同（2）局部图像区域链接：图像热点链接（上一节课所讲）2.4锚点标记链接

（1）创建锚点

（2）链接锚点

在制作网页时，为了达到跳转到网页固定位置的目的，可以使用锚点标记链接。通过对网页中指定位置的命名，利用超级链接打开目标网页时可直接跳转到相应的命名位置上。2.4锚点标记链接

（1）创建命名锚点： 【选中位置】插入->命令锚记2.4锚点标记链接（2）链接锚点：【选中位置】插入->超级链接格式：文件路径+文件名+#锚记名2.5E-mail链接E-mail链接可以通过设置直接发送E-mail，该链接默认调用的是Microsoft

OutLook应用程序来收发和管理电子邮件的功能。【选择文本】属性链接位置->mailto:+E-mail地址2.5创建空链接要想对文本设置应用行为，首先必须为文本建立空超级链接（空超级链接是一个未指派目标的超级链接），这样行为才会有效。2.5创建空链接<ahref="#"onclick="openWin(10)">点击我（将会有惊喜）</a><scriptlanguage="javascript">functionopenWin(msg){ alert("你真棒..."+msg);}</script><formid=“form1”name=“form1”><ahref="#"onclick="openWin(10)">点击我（将会有惊喜）</a></form>2.5创建空链接functionopenWin(){ varstr1=document.form1.text.value; varstr1=document.getElementById("textid1").value;alert("你真棒."+str1); varstr2=document.getElementsByName("text"); alert("你真棒..."+str2[0].value);}<inputname="text"id="textid1"type="text"/><ahref="#"onclick="openWin()">点击我（将会有惊喜）</a>3、超级链接的高级应用–栏目导航了解的知识点：鼠标经过图像设置的导航条图像热点链接设置的导航条文本链接设置导航的导航条鼠标经过图像设置导航条是一种在浏览器中查看网页时，鼠标光标经过该图像时，图像发生变化的动态图像，从而实现网站的导航功能。3.1、鼠标经过图像设置的导航条图像热点链接设置导航条是一种在图片上的局部区域，添加链接的方式，实现网站的导航功能。3.2、图像热点链接设置的导航条