码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • HTML中<a>标签和target=“_blank“属性的使用方法及作用(清晰易懂,带例子)


    标签

    我们知道,标签是用来定义超链接的。在设计HTML页面过程中,如果我们想要实现点击某个文本或元素等之后可以打开另一个页面,这里就需要用到a herf标签属性,herf后面就是你指定跳转到的某个链接地址。
    具体语法如下:

    <a href="这里放想要跳转的地址链接" target="_blank">点我点我a>
    
    • 1

    target="_blank"的使用方法及作用

    不过有的时候,我们会在标签中发现target="_blank"这个属性。
    那么接下来我们就来详细解释下HTML下
    标签target=“_blank"属性的具体使用方法及作用吧!
    我们有这样一段带有target=”_blank"属性的代码

    DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
        <title>我的心声title>
    head>
    <body> 
        <a href="http://www.baidu.com" target="_blank">点我点我a>
    body>
    html> 
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12

    我们运行一下看看效果。
    可以发现此段文字已被添加超链接。
    在这里插入图片描述
    点击点我点我,可以看到跳转到了另一个页面
    在这里插入图片描述
    所以target=“_blank"这个属性就是表示,在新的窗口打开超链接
    我们就不用担心以前旧的页面被覆盖了。
    如果我们不设置target=”_blank"属性,就会发现,点击链接,进入新的页面,但之前的页面就会消失。😭
    注意🚩:在
    标签中target="_blank"属性必须要和herf一起才会有效噢!

    以上就是HTML的基础总结,
    后续前端相关的内容还在持续更新

    欢迎指教指点。

    我的主页还有其他文章,欢迎和我一起学习。

    点赞👍+关注我

    让我们一起学习一起成长!
    在这里插入图片描述

  • 相关阅读:
    无胁科技-TVD每日漏洞情报-2022-8-17
    【电子元件】常用的二极管、极管规格参数一览表
    k8s集群搭建(ubuntu 20.04 + k8s 1.28.3 + calico + containerd1.7.8)
    音街关停,K歌市场未来该如何去走?
    网络编程day05(IO多路复用)
    Java编程技巧:将图片导出成pdf文件
    创建SpringBoot项目的几种方式
    微信小程序如何使用scss,less
    未来十年的Python前景会是什么样的?
    Avalonia为DataGrid添加行点击事件
  • 原文地址:https://blog.csdn.net/m0_53558236/article/details/128004950
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号