沃梦达 / IT编程 / 前端开发 / 正文

5.超链接.html补

!DOCTYPE htmlhtmlheadmeta charset=UTF-8title/title/headbody!--a:锚点href:连接资源target:打开方式_self:当前窗口打开(默认)_blank:独立窗口打开原理:a标签的原理:1.a标签的href属性...

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>

    <body>
        <!--
            a:锚点
            href:连接资源
            target:打开方式
                _self:当前窗口打开(默认)
                _blank:独立窗口打开
                
            原理:a标签的原理:
                    1.a标签的href属性值如果是以http开头的,那么浏览器会马上启动http解释器去解释该网址,首先
                    会在本地机器去找一个hosts文件, 如果在hosts文件上该域名没有对应的主机,那么浏览器就去到对应的
                    dns服务器去寻找该域名对应的主机号。如果找到了对应的主机,那么该请求就会发给对应的主机。
                   2. 如果a标签的href属性值没有以任何协议开头,那么浏览就会启动file协议解释器去解释该资源路径。
                3. 如果a标签的href属性值并不是以http开始,而且其他 的一些协议,那么这时候浏览器就回去到我们本地的注册
                        表中去查找是否有处理这种协议 的应用程序,如果有,那么马上启动该应用程序处理该协议。    
        -->
        <a name="top"></a>

        <a href="1.html入门.html" target="_self">html入门</a>
        <a href="http://www.baidu.com" target="_blank">百度</a>
        
        <a href="6.滚动标签.html" target="abc">中国移动</a>
        <a href="http://www.baidu.com" target="abc">百度2</a>

        <a href="mailTo:1234@.com">邮箱1234@.com</a>
        <a href="thunder:扫毒2高清下载.mp4">扫毒2高清下载</a> 我们正在学习a标签
        <br/><br/><br/><br/><br/><br/><br/> 我们正在学习a标签
        <br/><br/><br/><br/><br/><br/><br/> 我们正在学习a标签
        <br/><br/><br/><br/><br/><br/><br/> 我们正在学习a标签
        <br/><br/><br/><br/><br/><br/><br/> 我们正在学习a标签
        <br/><br/><br/><br/><br/><br/><br/>

        <a href="#top">回到顶部</a>
        
        <a href="#top"><img src="img/2.jpg"></a>

    </body>

</html>

 

本文标题为:5.超链接.html补