HTML05(重点二):超链接

(009)—超链接

  • 以字母a表示标签,有下划线;
  • href属性后面一定是一个资源地址
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超链接或热链接</title>
</head>
<body>
    <!--超链接的特点:
        1.以字母a表示标签,有下划线
        2.点击进去会直接跳转网页。
        3.href:hot reference 热引用
        4.href属性后面一定是一个资源地址。
        5.href后面的路径可以是绝对路径也可以是相对路径,可以是网络中某个资源的路径,也可以是本地资源的路径
    -->
    <a href="http://www.baidu.com">百度</a>
    <a href="http://www.jd.com">京东</a>
    <a href="http://news.baidu.com">百度新闻</a>
    <a href="007-背景颜色和背景图片.html">007-背景颜色和背景图片</a>

    <br><br>
    <!--
        图片超链接:在文字超链接基础上加了图片

        超链接有一个target属性:
                可取值:
                     _blank: 新窗口
                     _self :当前窗口(默认就是这种方式。)
                     _top : 顶级窗口
                     _parent :父窗口
    -->
    <a href="https://www.hao123.com/" target="_blank" >123</a>
        <img src="好123.png " width="120px"/>
</body>
</html>

结果:点击会跳转进入网址
在这里插入图片描述在这里插入图片描述

发布了42 篇原创文章 · 获赞 8 · 访问量 2435

猜你喜欢

转载自blog.csdn.net/JH39456194/article/details/103407555