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

Posted GoatGui

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML基础(part7)--常用标签之超链接标签相关的知识,希望对你有一定的参考价值。

鄙人的学习笔记。


超链接标签​​<a>​

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

语法

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

target属性

属性值

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

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

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

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

举个例子

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

部分代码(代码太多就不粘贴/截屏在这了):
HTML基础(part7)--常用标签之超链接标签_超级链接_02

HTML基础(part7)--常用标签之超链接标签_html页面_03

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

页面:

HTML基础(part7)--常用标签之超链接标签_a_04
我们可以看到页面中有两处超链接。第一处【兔子】,链接百度百科的兔子资料;第二处【我要跳】,则可以跳转到本HTML页面中的某处,此时我们点击【我要跳】。

HTML基础(part7)--常用标签之超链接标签_html_05
可以看到,页面滚动到了当前HTML页面中的指定地点【我要跳到这】。


以上是关于HTML基础(part7)--常用标签之超链接标签的主要内容,如果未能解决你的问题,请参考以下文章

前端基础入门一(HTML)

Web前端-HTML基础

Web前端-HTML基础

HTML a 标签的基本用法和常用属性

HTML基础-常用标签及语法

HTML a 标签的基本用法和常用属性