html的超链接标签 a

超链接标签: a

a标签有2个重要的属性,hreftarget属性。

  • href:必须具备,表示点击后会跳转到哪个页面

  • target:打开方式.默认是 _self.如果是 _blank则用新的标签页打开.

超链接href属性的使用展示

1.通过图片展示

示例代码

运行效果:

点击跳转到百度

点击跳转到html01页面

点击跳转到当前页面

通过一个#来作为一个占位符

html 复制代码
<a href="#">跳转到当前页面</a>

2.通过图片展示

示例代码

运行效果

点击之后跳转到百度

我们自己使用的超链接标签和百度使用的超链接标签颜色不一样

原因: 我们使用的超链接标签的颜色是由浏览器自带的CSS展示样式造成的,同时这颜色可以通过CSS来改变到达我们自己预期的效果。

超链接target属性的使用展示

上文的代码打开页面都是在原来的页面打开的,想到跳转页面在新的页面打开就需要用到target属性。代码中没写target这个属性的话,就是默认属性,target属性默认是 _self,就是默认在当前页面打开跳转页面。如果是 _blank则用新的标签页打开。

html 复制代码
 <a href="https://www.baidu.com/" target="_blank">跳转到百度</a>

运行效果:

链接的几种形式

  • 外部链接: href 引用其他网站的地址

    html 复制代码
    <a href="http: / /www.baidu . com">百度</ a>
  • 内部链接:网站内部页面之间的链接,写相对路径即可.

相关推荐
Muen4 分钟前
iOS开发-适配XCode26、iOS26
前端
卸任28 分钟前
Electron霸屏功能总结
前端·react.js·electron
fengci.28 分钟前
ctfshow黑盒测试前半部分
前端
喵个咪39 分钟前
Headless 架构优势:内容与展示解耦,一套 API 打通全端生态
前端·后端·cms
小江的记录本43 分钟前
【JEECG Boot】 JEECG Boot——数据字典管理 系统性知识体系全解析
java·前端·spring boot·后端·spring·spring cloud·mybatis
喵个咪1 小时前
传统 CMS 太笨重?试试 Headless 架构的 GoWind,轻量又强大
前端·后端·cms
chenjingming6661 小时前
jmeter导入浏览器上按F12抓的数据包
前端·chrome·jmeter
张元清1 小时前
不用 Server Components 也能做 React 流式 SSR —— 实战指南
前端·javascript·面试
前端技术1 小时前
ArkTS第三章:声明式UI开发实战
java·前端·人工智能·python·华为·鸿蒙