Day-3

1.超链接

  anchor 锚
  <a href=”url”>内容</a>
  Href
    Hypertext reference 引用

  URL(Uniform Resource Locator)

    统一资源定位器,就是一个地址,网址,指定的资源内容具有唯一性。

  注意: a标签之间不能互相嵌套!!!

  target属性:

    例如: <a href="www.rinpe.com" target="_blank"></a>

    Target:打开的目标
      _blank:在一个新的窗口打开网页
      _self:在当前窗口打开网页(默认)
      _top(不常用)
      _parent(不常用)

  外部链接 :url是本网站外的链接
    <a href="http://www.sina.com.cn" target="_blank" >新浪网</a>
    常用于友情链接

  内部链接。
    News/oct/2015-10-01.html

  文本链接 - 点击文本内容跳转
    普通文本加上<a href=”url”>普通文本</a>

  图片链接 - 点击图片跳转

    例如: <a href="www.rinpe.com"><img ref="rinpe.jpg"/></a>

  下载链接
    将提供下载的内容打包成*.rar, *.zip, *.iso, *.mp4,*.rmvb, *.flv
    当用户点击时,会自动关联下载工具。

    例如: <a href="/download/rinpe.zip">下载rinpe.zip</a>

  空链接
    <a href=””>空链接</a>
    <a href="#">我是空链接</a><br /> , 单击后回到当前页面的顶部
    <a href="javascript:void(0)">我是JavaScript空链接也叫死链接</a>, 单击后没有反应,可以配合JS程序, 例如:
    <a href="javascript:void(0)" onclick="alert(‘点我呀‘)">我是JavaScript空链接也叫死链接</a>

  电子邮件链接
    <a href=”mailto:[email protected]”>联系我们</a>
    自动关联电子邮箱工具:默认会打开outlook。href="mailto:[email protected]?subject=‘hello‘">[email protected]</a>
    ?Subject:邮件主题信息

 

  锚点链接

    先定义锚点(可以理解为标记): <a name="top"></a>

    跳转到定义好的锚点(标记): <a href="#top">回到顶部</a> - 当前页

    跳转到定义好的锚点(标记): <a href="index.html#top">回到顶部</a> - 其他页面

时间: 2025-01-01 01:13:30