206、html---标签之链接标签

最新推荐文章于 2023-04-15 15:36:45 发布

l0510402015

最新推荐文章于 2023-04-15 15:36:45 发布

阅读量208

点赞数

分类专栏： 04_html

本文链接：https://blog.csdn.net/l0510402015/article/details/104367164

版权

04_html 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

链接标签

* <a>:定义一个超链接

属性：

* href:指定访问资源的 URL

* target:指定打开资源的方式，一般用：

* _self 默认值，替换当前页面打开

* _blank 新建一个空白页打开

<body>

<!--    链接到外网,默认点击之后是将本页面切换到链接页面,注意http://不能省略-->

    <a href="http://www.baidu.com">点我</a>

    <br/>

    <a href="http://www.baidu.com" target="_self">点我</a>

    <br/>

<!--    链接到外网,点击之后打开一个新页面-->

    <a href="http://www.baidu.com" target="_blank">新页面打开</a>

    <br/>

<!--可以链接到本地的页面-->

    <a href="./Demo01_hw.html"> 链接本地页面</a>

    <br/>

<!--可以链接发邮件，会自动你打开本地发邮件应用，收件人自动变为设定值-->

    <a href="mailto:417421832@qq.com"> 联系我</a>

    <br/>

<!--结合图片进行链接，点击图片会切换，这里只做演示，后期用javaScript来实现-->

    <a href="http://www.baidu.com"> <img src="image/icon_1.jpg"></a>

</body>