07-html超级链接应用

一个网站是由多个页面组成的,网页之间都是通过链接实现相互关联的
链接的概念:实现由当前文档到目前文档的一种跳转
链接的语法:
  <a href="链接目标" title="注释" target="打开链接窗口的形式">显示内容</a>
  _blank:在新窗口中打开
  _self:在自身窗口中打开(默认值)
  _parent:在上一级窗口中打开,框架会经常使用
  _top:在浏览器的整个窗口中打开,忽略任何框架
链接的类型
  1、内部链接
    当前文档与目标文档在同一站点内
    <a href="目标文档位置及全称">
  2、外部链接:
    当前文档与目标文档不在同一站点内
    <a href=URL(网址)>
  3、E-mail链接:
    并允许访问者向指定的地址发送邮件
    <a href="mailto:电子邮件地址">
  4、局部链接(锚点):
    跳转到同一网页或其他文档中的指定位置
    创建锚点:
      <a href="锚点名称">显示内容</a>
    链接锚点:
      <a href="#锚点名称">显示内容</a>
  5、空链接
    就是没有目标端点的链接
    格式:
      <a href="#">显示内容</a>
    例如:
    设为首页
      <a href="#" onClick="this.style.behavio='url(#default#homepage)',this,setthomepage ('http://www.sohu.com','搜狐')">设为首页</a>

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


6、脚本链接:
    是一种特殊的链接,当单击设置脚本链接的文本或者图像时,可以运行相应的 JavaScript 语句
    常用的脚本链接:
    例如
       <a href=javascript:windos.open("http://www.163.com")新浪</a>
       关闭窗口:输入 javascript.window.close();
         打开窗口:输入 javascript。window,open('文件名');

猜你喜欢

转载自www.cnblogs.com/xiang-liang/p/12545221.html