HTML基础(part7)--常用标签之超链接标签

Posted 2022-06-03 GoatGui

鄙人的学习笔记。

---

超链接标签​​<a>​​

超级链接，不仅仅可以嵌套文本，还可以嵌套图片、表格、标题。

语法

<a href="你要跳转的网页的网址" target="target属性值">你想显示的文本</a>

target属性

属性值

_self ：默认属性值，表示在当前页面中打开超级链接
_blank ：表示在新的页签中，或者是新的窗口中打开超级链接的页面。

锚点链接(产生滚屏效果)

备注：同一个html页面中，标签的id值不能重复。

举个例子

我设置俩超级链接标签，前一个链接到百度百科，后一个为锚点链接，起到滚屏效果。

部分代码(代码太多就不粘贴/截屏在这了)：

备注：在sublime的html页面中，输入【​​br*20​​​】，再按下【Tab键】，就可以生成20个​​<br>​​标签。

页面：

我们可以看到页面中有两处超链接。第一处【兔子】，链接百度百科的兔子资料；第二处【我要跳】，则可以跳转到本HTML页面中的某处，此时我们点击【我要跳】。

可以看到，页面滚动到了当前HTML页面中的指定地点【我要跳到这】。