HTML学习10：a链接（超链接）

首先，我们来简单的了解一下超链接的属性

<a href="跳转到的地址" target="跳转的方式">点击跳转</a>

<a href="https://www.baidu.com" target="_self">点击跳转</a>
<a href="demo.html" target="_blank">点击跳转</a>

href的属性值填写大概有6种：

<h4>1.外部链接</h4>
    <a href="http://jd.com">京东</a>

<h4>2. 内部链接：跳到本地页面</h4>
    <a href="demo.html">内部跳转</a>

<h4>3.空链接 -- #不确定要跳转的页面</h4>
    <a href="#">回到顶部</a>
    <a href="javascript:;">原地不动</a>


<h4>4. 下载链接</h4>
    <a href="学习资料.zip">下载</a>

<h4>5. 网页元素链接 </h4>
    <!-- 在超链接中可以插入 图片、音频、视频，当鼠标点击时其上任意地方，都可以进行跳转 -->
    <a href="http://jd.com">
        <img src="京东.jpg">
    </a>
    

单拎出来第六点说：

6.锚点链接（也就是给目标元素加一个id标签进行跳转）

<h4>6. 锚点链接</h4>
    <a href="#bottom">回到底部</a>
    <p>pppp</p>
    <p>pppp</p>
    <p>pppp</p>
    <p>pppp</p>
    <p>pppp</p>
    <p>pppp</p>
    <p>pppp</p>
    <p>pppp</p>
    <p>pppp</p>
    <p>pppp</p>
    <p>pppp</p>
    <p>pppp</p>
    <p>pppp</p>
    <p>pppp</p>
    <p>pppp</p>
    <p>pppp</p>
    <p>pppp</p>
    <p>pppp</p>
    <p>pppp</p>
    <p>pppp</p>
    <p>pppp</p>
    <p>pppp</p>
    <p>pppp</p>
    <p>pppp</p>
    <p>pppp</p>
    <p>pppp</p>
    <p>pppp</p>
    <p>pppp</p>
    <p>pppp</p>
    <p>pppp</p>
    <p>pppp</p>
    <p>pppp</p>
    <p>pppp</p>
    <div id="bottom">我在最后面</div>

点击该超链接

---

 

 

target的属性值填写_self或者_blank

_self 在当前页面打开，默认值

_blank 在新窗口打开。当然，这里有个小BUG，也就是说除了_self ，写其他的任何字符，都会在新窗口打开。