龙空技术网

HTML04 - a标签(超链接)

前端开发及学习 63

前言:

今天大家对“html中的a标签”大约比较关心,朋友们都想要了解一些“html中的a标签”的相关内容。那么小编在网上收集了一些关于“html中的a标签””的相关资讯,希望朋友们能喜欢,兄弟们一起来学习一下吧!

a标签

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

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

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

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

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

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

<a href="; 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="; target="_self">当前页面<a>

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

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

全部a标签属性

标签: #html中的a标签 #cssdiv超链接 #超链接的target #超链接的 target 属性可能取值有哪几种 #html点击文字跳转设置超链接