关闭

Html(5) - 超链接

标签: html标签
401人阅读 评论(0) 收藏 举报
分类:

超链接标签:<a>

两种用法:

  • 超链接:<a href="">
<a href="htpp://www.sina.com.cn" target="_blank">新浪</a>
<!-- href属性值可以使url,也可以是本地文件。target属性是指定在哪个窗口或者帧中打开 -->
  • 定位标记:<a name="">
    • 一般在页面中使用,当页面内容过长,定位标记会比拖动条更方便。
    • 定位标记要和超链接结合使用才有效。
<a name="标记">标记位置</a>
<p>....<!-- 很多空行以制造网页过长的效果 -->
<a href="#标记">返回标记位置</a>
<!-- 使用标记时一定在href值的开始加入#标记名 -->

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">

  <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame 
       Remove this if you use the .htaccess -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

  <title>link</title>
</head>

<body>
    <!--
        超链接:
        作用:连接资源
        当有了href属性才有了点击效果。
        hred属性值的不同,解析方式也不一样。
        解析时,如果该值没有指定过任何协议,按照默认的协议来解析该值的。默认协议是file协议

    -->

    <a name="top">顶部位置</a>

    <hr/>

    <a href="http://www.sina.com.cn" target="_blank">新浪网站</a>
    <hr/>

    <a href="http://f.hiphotos.baidu.com/image/h%3D200/sign=97adfa3549fbfbedc359317f48f0f78e/8b13632762d0f7035c8dfed60afa513d2697c5f9.jpg">美女图片</a>
    <hr/>

    <a href="mailto:luoshunxiang@adflash.cn">联系我</a>
    <hr/>

    <a href="http://www.xunlei.com/moves/mgdz.rmvb">美国队长</a> <br/>
    <a href="thunder://askjdhwudhkjasfkjdhsff==">美国队长</a>

    <hr/>

    <!--
        取消超链接默认点击效果,自定义点击效果
    -->
    <a href="javascript:void(0)" onclick="alert('我弹')">这是一个超链接</a>

    <hr/>   

    <!--
        定位标记
        专业术语:锚
    -->
    <a name="center">中间位置</a>   

    <hr/>

    <img src="a.jpg" height="1000" width="400" border=10/>

    <hr/>

    <hr/>

    <img src="a.jpg" height="1000" width="400" border=10/>
    <hr/>
    <a href="#center">回到中间位置</a>
    <a href="#top">回到顶部位置</a>




</body>
</html>
0
0
查看评论

HTML中的超链接<a>使用

只要学习或者使用过HTML的人,我想对于标签应该都是不陌生的。今天对做一个简单的说明,将自己的理解简单描述出来。 是超链接标签,什么是超链接呢?就是将当前内容与网络上的另一个资源进行连接起来,点击该连接就可以实现跳转到被链接的另一个资源上。 个人觉得,超链接可以想象成是一种能力,能力必须附着在某个具...
  • andamajing
  • andamajing
  • 2016-04-30 20:57
  • 2260

HTML 超链接

一、超链接标签     在HTML中,超链接用标签和来实现,而定义源端点、目标端点、锚记等相关内容则由标签的属性完成。标签有如下几个常用属性: 1.href属性 用来定义指向链接目标端点的URL,取值是目标端点文件的URL路径和文件名。 例如:http://ww...
  • feihu19851111
  • feihu19851111
  • 2012-05-27 21:30
  • 3883

HTML超链接标签

本文中的内容参考了W3School。 1.普通的超链接代码如下: 转到百度 2.用图片作为超链接源: 3.超链接时开启新的网页显示(使用 Target 属性,你可以定义被链接的文档在何处显示下面的这行会在新窗口打开文档): Visit W3School! 4.HTML 链接 ...
  • u014520745
  • u014520745
  • 2015-07-30 15:58
  • 789

web学习—html标签—超链接、表格

一、超链接 标签:用于创建一个超链接。 属性:href属性:指出超链接所连接的地址。值为一个url。(”../“表示上移一级菜单)             target属性:值为“_b...
  • ni_meri
  • ni_meri
  • 2012-08-16 15:17
  • 3248

html超链接鼠标显示样式

aaa default 默认光标(通常是一个箭头) auto 默认。浏览器设置的光标。 crosshair 光标呈现为十字线。 pointer 光标呈现为指示链接的指针(一只手) move 此光标指示某对象可被移动。 e-resize 此光标指示矩形框的边缘可被
  • jjmaiz
  • jjmaiz
  • 2011-08-31 10:17
  • 5506

html 超链接 a 属性

 html 超链接 属性HTML 使用超级链接与网络上的另一个文档相连。锚标签和 Href 属性HTML 使用 (锚)标签来创建连接另一个文档的链接。锚可以指向网络上的任何资源:一张 HTML 页面,一幅图像,一个声音或视频文件等等。创建锚的语法:Text to be displayed...
  • fjnu2008
  • fjnu2008
  • 2010-05-19 11:56
  • 1933

Html-超链接、表格、表单

 一. 超链接(a 标签) 1. 超链接:  用来进行页面之间的跳转,其中href=“”需要指定要跳转的链接页面 target:      _self:在当前页面进行刷新(默认)    ...
  • u011060906
  • u011060906
  • 2017-06-13 21:45
  • 288

HTML中超链接的属性

一、超链接标签             二、超链接属性---href          网址    三、超链接属性---name和id   ...
  • linshenshijianlu
  • linshenshijianlu
  • 2017-08-24 21:49
  • 193

Html 按钮button加超链接

http://blog.csdn.net/maxracer/article/details/6409437 1.页面转向新的页面: 2.需要打开一个新的页面进行转向: 由于浏览器内核不一样 IE中使用: firefox中使用:
  • myinc
  • myinc
  • 2015-01-11 08:09
  • 3075

HTML语言标签之超链接

超链接标签是<a>  </a> 有两种用法: 一、超链接<a href=""> 例如<a href="http://www.sina.com.cn" target="blank">新浪 ...
  • sinat_36713319
  • sinat_36713319
  • 2016-12-12 17:29
  • 473
    个人资料
    • 访问:62099次
    • 积分:1378
    • 等级:
    • 排名:千里之外
    • 原创:75篇
    • 转载:24篇
    • 译文:0篇
    • 评论:4条
    文章分类
    最新评论