码农知识堂 - 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的基础总结,
    后续前端相关的内容还在持续更新

    欢迎指教指点。

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

    点赞👍+关注我

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

  • 相关阅读:
    MySQL触发器
    丐版设备互联方案:安卓linux互联局域网投屏,文件共享,共享剪切板
    UNPV2 学习:Pipes and FIFOs 学习记录
    马来西亚《星报》:在WTO MC12 孙宇晨仍在坚持数字经济梦想
    13.1 使用DirectX9绘图引擎
    文件上传很难搞?10分钟带你学会阿里云OSS对象存储
    YYGH-14-监测中心
    图解Nginx,系统架构演变 + Nginx反向代理与负载均衡
    【密码学】DES 介绍
    MySQL驱动中关于时间的坑
  • 原文地址:https://blog.csdn.net/m0_53558236/article/details/128004950
  • 最新文章
  • Vector 选型与实战:vs OTel / Logstash / Fluentd 全维对比,及统一日志与指标管道的 AWS ECS 落地
    开源分享|用MicroPython 做了个 AI 小鸡,它会长大,还记得我所有的情绪
    5 分钟上手 AgentRun:从注册到第一个 Agent 运行
    transformer进阶之路:#4 attention从如何「工作」到「为何」如此高效
    大模型推理的“两步走”:Prefill 与 Decode 全流程科普详解
    让 FastAPI Agent 思考不阻塞:手把手教你实现异步任务与后台处理方案
    BMAD Story Automator 上手实录:把 5 个待办 Story 交给 AI 自主推进
    自己用 ai 写了个链接 mysql 数据库的 mcp 工具
    用ANTLR实现表达式词法和语法分析器
    Claude Code安装,接入阿里云百炼模型,蹭蹭免费额度
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
小工具 小游戏
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1

京公网安备 11010502049817号