前端html笔记——链接标签

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

---

链接标签

<a href="" target=""></a>

href为必选元素，就像img中的src

1.外部标签

跳转到外部网页的话href属性必须加http://

<a href="http://www.qq.com" target="_blank">tencent</a>

target为打开窗口方式，默认为_self在当前页面打开，_blank为在新标签页打开。

2.内部标签

<a href="内部链接.html">转向内部链接</a>

其中“内部链接.html”是在目录中创建的另一个html文件，点击后可跳转。

3.空标签

设计网页是一般是先设计一个主页，还没来得及或者没想好链家跳转的页面，可以先使用href="#"为空标签。

<a href="#" target="_blank">女朋友</a>

4.下载链接

链接为一个文件（zip、exe等）时，点击可进行下载。

<a href="xxx.zip">下载文件</a>

5.网页元素链接

点击网页中的图片元素进入另一个网页

<a href="#huyou">米忽悠</a>
<a href="https://www.mihayo.com" id="huyou"><img src="paimon.png" title="点击进入米忽悠"/></a>

img中的title为图片标题，鼠标指向图片时显示的内容。
href="#huyou"和id="huyou"对应，锚点标签，在网页中点击#对应的元素跳到当前页面的对应标签的内容上，类似于目录。