领先的免费Web技术教程,涵盖HTML到ASP.NET

网站首页 > 知识剖析 正文

HTML04 - a标签(超链接)(html中超链接标签怎么写)

nixiaole 2024-11-17 14:27:24 知识剖析 15 ℃

a标签

作用:可以让我们从一个页面跳转到其他页面,或者是当前页面的其他位置

使用方法:使用 a标签 来定义超链接

a标签 是行内元素 、a标签 可以嵌套除它自身的任何元素

1、属性:href 指定跳转的目标的路径

(1) 可以跳转外部网站的一个地址 也可以跳转内部页面的地址

<a href="index.jsp" target="_blank">超链接</a>

<a href="https://www.baidu.com" target="_self">
    <div class="aa">
      超链接
    </div>
</a>

(2) 可以直接将超链接的href的属性设置为 '#'

这样点击超链接以后页面不会发生跳转 而是当前页面的顶部位置
<a id="bottom" href="#">回到顶部</a>

(3) 跳转到指定位置 ,只需要将href属性设置为 #目标元素的id属性值 (锚点)

<a href="#bottom">去底部顶部</a>

2、属性:targer 用来指定超链接打开的位置

(1). _self :当前页打开(默认值)

<a href="https://www.baidu.com" target="_self">当前页面<a>

(2). _blank :新建页面打开

<a href="index.jsp" target="_blank">新页面打开</a>

Tags:

最近发表
标签列表