<a /> 超链接 打开新页面

最新推荐文章于 2025-04-24 19:14:21 发布
最新推荐文章于 2025-04-24 19:14:21 发布
阅读量535 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： js jquery 等前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/iteye_18714/article/details/82330262

 

<html>

<body>

<a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>

<p>如果把链接的 target 属性设置为 "_blank"，该链接会在新窗口中打开。</p>

</body>

</html>

 

 

 

超链接 有关：

 

http://www.52css.com/article.asp?id=409

HTML 基础标签——链接标签 ＜a＞ 和 ＜iframe＞
Allen-
11-01 644
链接标签在HTML中起着重要作用，不仅支持页面之间的导航，还允许嵌入外部内容。掌握和标签的使用，可以有效增强网页的功能性和用户体验。通过理解这些标签的属性和应用场景，开发者可以创建更为丰富和互动的网页。
html +css学习笔记（2）
deban1634的博客
03-08 759
在框架中打开窗口 不用打开一个完整的浏览器窗口，使用target更通常的方法是在一个<frameset>显示中将超链接内容定向到一个或者多个框架中。可以将这个内容列表放入一个带有两个框架的文档的其中一个框架中，并用这个相邻的框架来显示选定的文档： <frameset cols="100,*"><frame src="toc.html">...
在新窗口打开超链接的方法小结
01-21
一 让整个网页页面内的链接都在新窗口打开:在head中加入 <base target=”_blank”> 二 让一个DIV里所有链接在新窗口打开： 在body中加入 代码如下: [removed] <!- var anchors = document.getElementById(“DIV名”).getElementsByTagName(“a”); for(var i=0;i<anchors xss=removed anchors[i];anchor.target=”_blank”;}> [removed] 加入
a标签超链接跳转到新页面
2301_76426908的博客
02-19 2123
即点击链接时 不在原有页面跳转 ，而是重新打开一个页面实现跳转。很多在写官网的时候领导都会让跳转到一个新页面，以上只是其中方法之一，比较简单。
当在 HTML 页面中使用＜a＞标签创建链接时，如何设置链接的目标（target 属性），使其在新窗口、当前窗口或指定框架中打开？
前端大白话
04-24 1675
嘿，前端小伙伴们！咱在开发网页的时候，`<a>`标签绝对是常客，它就像网页里的“传送门”，能带着用户从一个页面“嗖”地一下跑到另一个页面。但你有没有想过，这个“传送门”打开的方式其实有很多种？今天咱就来好好唠唠`<a>`标签的`target`属性，看看怎么让链接在新窗口、当前窗口或者指定框架里打开，顺便再聊聊那些能提升咱网页SEO搜索率的小技巧，让更多人能找到咱们的“传送门”！
超链接打开新的窗口
郑能量
04-28 679
<a href="#" onclick="javascript:window.open('yaoqingruzhi.aspx','new','width=800,height=800')">新增员工</a>
HTML 超链接打开新窗口
wqjydd的专栏
07-12 1万+
<br />TARGET属性：TARGET是链接标签的属性，它的作用就是指定目标窗口，TARGET有以下几个值：<br />_self-将链接指向的内容装载到当前页的窗口或框架中；<br />_top-完全取代当前页面的所有框架；<br />_blank-为链接指向的内容打开一个新的窗口<br />_parent-把链接指向的内容装入当前页〈FRAMESET〉父窗口中<br />　　下面这段代码，便会使超级链接产生一个新的窗口：<br />　　<a href="www.hongen.com" target=
Html 超链接在新窗口中打开
cpx17852033609的博客
09-19 1万+
<a href="http://www.baidu.com" target="_Blank">百度</a> _Blank是新窗口 _Self是自身 _Parent是父窗口 _Top是顶层窗口
HTML三：字体＜font＞＜/font＞；段落＜p＞＜/p＞；注释＜!----＞；标题＜h1＞＜/h1＞；图片＜img src=‘‘＞；超链接＜a＞＜/a＞；锚点；列表（无序&有序）；
小枯林的博客
12-14 2291
●HTML部分主要了解HTML标签，其标签主要是字体、段落、注释、标题、图片、超链接、锚点、列表、表格、图表等。 这篇博客只要介绍：字体<font></font>，段落<p></p>，注释<!---->，标题<h1></h1>，图片<img src=''>，超链接<a></a>，锚点，列表的用法和注意事项。 1.字体<font></font> ...
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>HTML链接</title> <meta name="description" content="HTML链接知识讲解"> <meta name="keywords" content="HTML, Link"> </head> <!--------- Begin--------> <body> <h1>HTML 入门</h1> <h2>本页目录</h2> <ul> <li><a href="#toc1">简介</a></li> <li><a href="#toc2">第1关</a></li> <li><a href="">第2关</a></li> </ul> <h2 id="toc1">简介</h2> <p> <a href="https://en.wikipedia.org/wiki/HTML">HTML</a>(Hypertext Markup Language，超文本标记语言)是一种用于创建Web页面和Web应用的标准化标记语言。在 <a href="https://en.wikipedia.org/wiki/CSS">CSS</a>(Cascading Style Sheets，级联样式表单)和 <a href="https://en.wikipedia.org/wiki/JavaScript">JavaScript</a>的帮助下，HTML已经成功构建了一整套面向Web的开发与应用平台。</p> <p>自1995年HTML2.0面世，HTML陆续推出了得到广泛应用的HTML3.2和HTML4.0标准，2014年HTML5标准的面世使其在多媒体和移动性方面得到了全面提升，使HTML迎来了新的爆发式发展。</p> <h2 id="">第1关</h2> <p>初识HTML：简单的Hello World网页</p> <h2 id="toc3">第2关</h2> <p>HTML链接：带超链接的网页</p> <
04-26
<a href="#section1">跳转到第一章</a><br> <a href="#section2">跳转到第二章</a><br> <!-- 目标位置 --> <h2 id="section1">第一章</h2> <p>这里是第一章的内容。</p> <h2 id="section2">第二章</h2> <p>...
<li><a href-"adminGoods/toAddGoods" target="center 添加商品</a></li>解释
06-13
这是一段HTML代码，它创建了一个超链接（<a>标签）并将其显示为"添加商品"。当用户单击该链接时，它将跳转到名为"adminGoods/toAddGoods"的页面。该页面可能是一个表单，允许管理员添加新商品到系统中。"target"属性...
如何把<iframe width="870" height="900" src="http://61.178.136.135:8091//Upload/AnnoGoods/2611/公告附件20250307155224_8632.pdf">换成<p><a href="http://61.178.136.135:8091//Upload/AnnoGoods/2611/公告附件20250307155224_8632.pdf" rel="nofollow noreferrer">项目PDF格式预览</a></p>
03-13
<think>好的，用户的问题是如何用<a>和<p>标签替代<iframe>标签，创建一个指向PDF文件的超链接。首先，我需要理解这两个标签的作用以及用户的需求。 用户想替换<iframe>，可能是不希望在当前页面内嵌入PDF，而是...
点击超链接时跳转新的窗口
m0_46820566的博客
06-18 3775
target=_blank 表示点这个超链接的时候是在新的窗口中打开一个页面 target = _self 表示点这个超链接在原窗口打开一个页面。 html代码
CSS页面中点击超链接如何跳转新的页面
xinyuerr的博客
09-16 1496
作用：这个目标的值对所有没有指定目标的 标签是默认目标，它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。作用：这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。本文主要介绍了CSS页面中点击超链接如何跳转新的页面,本文通过示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下。作用：这个目标使得文档载入包含这个超链接的窗口，用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口（在整个窗口中打开被链接文档）
HTML 超链接
qq_40107571的博客
09-08 610
每一个网站都是由许多独立的网页组成，网页之家通常都是通过超链接来相互连接的。超链接可以让用户在各个独立的网页之间跳转。链接指向当前页面的某一部分，锚点链接需要定义标签的id。
HTML点击超链接让其打开新标签页
weixin_34268610的博客
11-10 2727
在<a href="***">里，加入一句：target="_blank"例：<a href="www.cctv.com" target="_blank">在新窗口打开央视网站</a> 转载于:https://blog.51cto.com/linuxerxy/1980654...
HTML中的链接标签
weixin_59285003的博客
03-18 3638
链接标签 格式 <a href="path" target="目标窗口位置">链接文本或图像</a> <!--href:链接路径--> <!--target:链接在哪个窗口打开 常用值：_self、_blank--> <!--_self:当前窗口打开--> <!--_blank:新建窗口打开 超链接 页面间链接 从一个页面链接到另一个页面 文本超链接 <a href="图像标签.html">
a标签的target属性
热门推荐
qq_42000201的博客
10-31 2万+
a标签的target属性前端a标签最重要的属性是href属性，实现页面的跳转。但是在当前页面显示还是在新页面中显示需要使用target属性控制 前端a标签最重要的属性是href属性，实现页面的跳转。但是在当前页面显示还是在新页面中显示需要使用target属性控制 target属性有五个特殊值。 1.target="_self" 内容在当前页面显示。 2.target="_blank" 内容在新页面...
HTML中a标签的target属性的取值和作用--详解(附加代码)
合格程序猿
07-03 5006
HTML中a标签的target属性的取值和作用--详解(附加代码)
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>HTML链接</title> <meta name="description" content="HTML链接知识讲解"> <meta name="keywords" content="HTML, Link"> </head> <!--------- Begin--------> <body> <h1>HTML 入门</h1> <h2>本页目录</h2> <ul> <li><a href="#toc1">简介</a></li> <li><a href="#toc2">第1关</a></li> <li><a href="">第2关</a></li> </ul> <h2 id="toc1">简介</h2> <p> <a href="https://en.wikipedia.org/wiki/HTML">HTML</a>(Hypertext Markup Language，超文本标记语言)是一种用于创建Web页面和Web应用的标准化标记语言。在 <a href="https://en.wikipedia.org/wiki/CSS">CSS</a>(Cascading Style Sheets，级联样式表单)和 <a href="https://en.wikipedia.org/wiki/JavaScript">JavaScript</a>的帮助下，HTML已经成功构建了一整套面向Web的开发与应用平台。</p> <p>自1995年HTML2.0面世，HTML陆续推出了得到广泛应用的HTML3.2和HTML4.0标准，2014年HTML5标准的面世使其在多媒体和移动性方面得到了全面提升，使HTML迎来了新的爆发式发展。</p> <h2 id="">第1关</h2> <p>初识HTML：简单的Hello World网页</p> <h2 id="toc3">第2关</h2> <p>HTML链接：带超链接的网页</p> <h
最新发布
04-27
### HTML链接的使用方法及示例 HTML链接通过 `<a>` 标签定义，`<a>` 是锚点标签 (anchor)，用于创建超链接。以下是关于 `<a>` 标签的主要属性及其功能： #### 基本语法 ```html <a href="URL">显示的文字</a> ``` - `href`: 定义链接的目标地址，可以是绝对路径或相对路径。 #### 打开方式控制 可以通过 `target` 属性指定链接打开的方式： - `_self`: 默认值，在当前窗口加载目标 URL[^4]。 - `_blank`: 在新窗口或新标签页中打开链接[^4]。 - `_parent`: 在父框架集中打开链接（如果存在父框架集，则在其中打开；否则行为类似于 `_self`）[^4]。 - `_top`: 在整个浏览器窗口中打开链接，忽略任何框架[^4]。 #### 邮件链接 还可以利用 `mailto:` 协议发送电子邮件： ```html <a href="mailto:example@example.com">发送邮件</a> ``` #### 下载文件 当希望用户下载某个资源时，可以使用 `download` 属性： ```html <a href="/path/to/file.pdf" download>下载PDF文件</a> ``` 此代码会提示用户保存文件而不是直接浏览它[^5]。 #### 锚点跳转 在同一页面内实现快速定位到特定部分的功能称为内部链接或者叫书签链接： ```html <!-- 页面顶部 --> <a href="#section1">前往第1节</a> <!-- 页面中间某处 --> <h2 id="section1">这是第1节</h2> ``` #### 示例综合代码 以下是一段包含多种用法的例子： ```html <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>HTML Link Example</title> </head> <body> <!-- 外部网站链接 --> <p><a href="https://www.example.com" target="_blank">访问Example站点</a></p> <!-- Email链接 --> <p><a href="mailto:support@example.com?subject=Feedback&body=Hello%20World">联系我们</a></p> <!-- 文件下载 --> <p><a href="document.pdf" download>点击这里下载文档</a></p> <!-- 内部导航 --> <nav> <ul> <li><a href="#about">关于我们</a></li> <li><a href="#services">服务项目</a></li> <li><a href="#contact">联系方式</a></li> </ul> </nav> <article> <section id="about"><h2>关于我们</h2><p>...</p></section> <section id="services"><h2>服务项目</h2><p>...</p></section> <section id="contact"><h2>联系方式</h2><p>...</p></section> </article> </body> </html> ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值