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

 

<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链接的使用方法及示例 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、付费专栏及课程。

余额充值