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

墨辰丷
发布: 2018-05-16 10:53:29
原创
2695人浏览过

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

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


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


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


 超链接标签的作用:
  1. 可以用于链接资源。
    2. 锚点点位.  
    1. 首先编写一个锚点  锚点的格式:
数据
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>
登录后复制

相关推荐:

用vue让a标签点击高亮(附代码)

html 图像标记 META标签 内联框架 超链接

H5的头部meta标签如何使用

以上就是HTML中的超级链接<a>标签的详细内容,更多请关注php中文网其它相关文章!

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号