HTML中超级链接<a>标签的用法

发布时间:2020-12-05 10:57:05 作者:小新
来源:亿速云 阅读:131

这篇文章给大家分享的是有关HTML中超级链接<a>标签的用法的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。

<!DOCTYPE html">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<a> 超链接标签 a标签常用的属性:
href  : 用于指定链接的资源
   target: 设置打开新资源的目标。    _Blank 在独立的窗口上打开新资源   _self 在当前窗口打开新资源


file: file协议(文件协议)这种协议主要是用于搜索本地机器的资源文件的。


格式:
file:\\\f:\美女\1.jpg    

a标签的原理:
1. a标签的href属性值如果是以http开头的,那么浏览器会马上启动http解释器去解释该网址,首先
   会在本地机器去找一个hosts文件, 如果在hosts文件上该域名没有对应的主机,那么浏览器就去到对应的
   dns服务器去寻找该域名对应的主机号。如果找到了对应的主机,那么该请求就会发给对应的主机。
   
   
   2. 如果a标签的href属性值没有以任何协议开头,那么浏览就会启动file协议解释器去解释该资源路径。
   
   3. 如果a标签的href属性值并不是以http开始,而且其他 的一些协议,那么这时候浏览器就回去到我们本地的注册
   表中去查找是否有处理这种协议 的应用程序,如果有,那么马上启动该应用程序处理该协议。
   
邮件 的协议: mailTo
迅雷的协议: thunder


超链接标签的作用:
1. 可以用于链接资源。
   2. 锚点点位.  
    1. 首先编写一个锚点  锚点的格式: <a name="锚点名字"> 数据</a>
2. 使用a标签 的herf属性连接到锚点出。  href=”#锚点的名字“    
   

<body>
<a href="www.baidu.com">百度</a>
    <a  target="_blank" href="2常用的标签.html">带你去看1.html</a><br/>
    如果有需要请发送邮件至:<a href="mailTo:123456@qq.com">123456@qq.com</a><br/>
    <a href="thunder://abc/aa一个人的武林.avi">一个人的武林(高清枪版).avi</a>
    <a name="top">顶部</a> <!--锚点 -->
    月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光
    光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光
    月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光
    光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光
    月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光
    光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光
    月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光
    光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光
    月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光
    光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光
    月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光
    光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光
    月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光
    光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光
    月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光
    光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光
    月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光
    光光月光光光月光光光月光光光
   <a href="#top">回到顶部</a> 
    
</body>
</html>

感谢各位的阅读!关于HTML中超级链接<a>标签的用法就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到吧!

推荐阅读:
  1. <article>标签在HTML中的用法
  2. HTML中<label> 标签的用法

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

超级链接 html

上一篇:如何使用html中标签制作表单

下一篇:html标签的基本格式是什么

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》