html超级链接（看张鹏老师的视频课程后所总结的）

一、超级链接基本语法：

<a href="链接目标" title=“鼠标放上面出现的文字” target=“打开链接窗口的形式（在新窗口还是自身窗口）”>显示内容</a>

_blank：在新窗口中打开

_self：在自身窗口中打开（默认值）

例如：给文字“百度”加一个超级链接http://www.baidu.com，要求鼠标放上去出现“百度一下，你就知道！”文字，且是在新窗口打开。

答：<a href="http://www.baidu.com" title=“百度一下，你就知道！” target=“_blank”>百度</a>

******链接一般都是在新窗口中打开，即 target=“_blank”；

******要有回路，例如让每个页面都有首页链接文字<a href="首页网址">首页</a>，这样一点击“首页”链接文字就回到首页了；

******相关链接

二、链接的类型：

1、站内链接：当前文档与目标文档在同一站点内

<a href="目标文档的位置及全称">

        例如，页面1.html和页面2.html位于同一站点下（同一个站点文件夹下），网页w1.html里有文字“点它将链接到w2.html页面”，

答：<a href="w2.thml">点它将链接到w2.html页面”</a>

2、站外链接：当前文档与目标文档不在同一站点内

<a href="URL(网址)">

例如：将自己制作的网页1.html里的文字“点它将链接到百度页面”链接到百度页面

答：<a href="http://www.baidu.com">点它将链接到百度页面</a>

3、E-mail(邮箱)链接：并允许访问者向指定的地址发送邮件。

<a href=“mailto:电子邮件地址”>

例如：点击超级链接“给我写信”文字，就会启动邮件发送的软件，自动给你发送邮件。

答：<a href="[e-mail]">给我写信</a>

4、锚点链接：----可以跳转到某个页面的某个位置（补：百度百科用的最多）

分两步：(1)创建锚点：<a name="锚点名称">显示内容</a>

                (2)链接锚点：<a href="#锚点名称">显示内容</a>

例1，点击百度百科里目录里“百科词条”这个小目录，就自动跳转到百度词条的解释位置

答：(1)在百科词条开始内容那里写 <a name="baikecitiao"></a>

                (2)在小目录百科词条那里写 <a href="#baikecitiao">百科词条</a>

例2，页面1.html和页面2.html在同一个站点下，当点击页面1.html里的文字“百度词条”时，它会自动跳转到页面2.html的百度词条内容的位置。

答：<a href="1.html#baikecitiao">百度词条<a>

5、空链接：就是没有目标端点的链接。(一般用空链接做一些特效效果)

<a href="#">显示内容</a>

两个常用的空链接：设为首页和添加收藏

+++设为首页：

<a href="#" onClick="this.style.behavior='url(#default#homepage)';this.sethomepage('http://www.sohu.com')">设为首页</a>

+++添加收藏：

<a href="#" onClick="javascript:window.external.addfavorite('http://www.sohu.com','搜狐')">加入收藏夹</a>

例1，把百度页面设为首页

答：<a href="#" onClick="this.style.behavior='url(#default#homepage)';this.sethomepage('http://www.baidu.com')">设为首页</a>

例2，把百度网页加入收藏夹

答：<a href="#" onClick="javascript:window.external.addfavorite('http://www.baidu.com','百度')">加入收藏夹</a>

6、脚本链接：是一种特殊的链接，当单击设置脚本链接的文本或图像时，可以运行相应的JavaScript语句。

常用的脚本链接：

例如：<a href="javascript:window.open('http://www.163.com')">新浪</a>

关闭窗口：输入javascript:window.close()

打开窗口：输入javascript:window.open('文件名')(补：window是对象，open是方法，括号里是要打开的网址或窗口文件。打开的时候和超级链接是一样的，只是返回的时候，页面内容变成[object])

例如:当点击”打开窗口“文字时，打开到百度窗口；点击”关闭窗口“文字时，关闭这个窗口

答：<a href="javascript:window.open('http://www.baidu.com')">打开窗口</a>

             <a href="javascript:window.open()">关闭窗口</a>