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>

基础教程推荐