HTML-超链接标签学习

image.png
<html>
    <head>
        <title>超链接标签学习</title>
        <meta charset="UTF-8"/>
    </head>
    <body>
        <h3>超链接标签学习</h3>
        <hr />
        <!--
            超链接标签学习:
                a标签:
                    href:要跳转的网页资源路径
                        本地资源:相对路径(或绝对路径)
                        网络资源:网络资源(网页)的URL
                    target:指明要跳转的网页资源的显示位置
                           _self 在当前页中刷新显示
                           _blank 在新的标签页中显示
                           _top   在顶层页面中显示
                           _parent 在父级页面中显示
                注意:
                    超链接标签中一定要声明访问方式,访问方式可以是文字也可以是图片。
            锚点学习:
                 作用:在一张网页中进行资源跳转
              使用:
                先使用超链接标签在指定的网页位置增加锚点,格式为:
                   <a name="锚点名"></a>
                        使用a标签可以跳转指定的锚点,达到网页内部资源跳转的目的,格式:
                    <a href="#锚点名">访问方式</a>
        -->
        <!--本地资源-->
        <h4>本地资源:</h4>
        <a href="05-HTML-图片标签学习.html" target="_blank">图片标签学习</a><br />
        <a href="04-HTML的body标签(列表标签).html" target="_blank"><img src="img/1.gif" title="列表标签学习" height="200px"/></a>
        <hr />
        <!--网络资源-->
        <h4>网络资源</h4>
        <a href="http://www.baidu.com" target="_blank">百度一下</a><br />
        <a href="http://taobao.com" target="_blank"><img src="img/TB.png" title="淘宝" hheight="200px"/></a>
        <hr />
        <!--锚点学习-->
        <h4>锚点学习:</h4>
        <a href="锚点学习.html">锚点学习</a>
        
    </body>
</html>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容