一、超级链接基本语法:
<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="mailto1326461897@qq.com">给我写信</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>