使用标签可创建超链接,href属性指定目标地址,链接文本为可点击内容;示例包括链接外部网站、本地页面、邮件地址、新窗口打开及页面内锚点跳转;注意链接正确性、文本可读性与安全性。

在HTML中创建超链接非常简单,使用<a>标签即可实现。这个标签用于定义从一个页面到另一个页面、文件、电子邮件地址或页面内锚点的链接。
<a href="目标地址">链接文本</a>
其中,href属性指定链接的目标位置,“链接文本”是用户可点击的内容。
1. 链接到外部网站
立即学习“前端免费学习笔记(深入)”;
<a href="https://www.example.com">访问示例网站</a>
点击后跳转到指定网址。
2. 链接到本地文件或页面
<a href="about.html">关于我们</a>
适用于站内页面跳转,路径可以是相对路径或绝对路径。
3. 链接到电子邮件
<a href="mailto:someone@example.com">发送邮件</a>
点击后会打开默认邮件客户端。
4. 在新窗口打开链接
添加target="_blank"属性:
<a href="https://www.example.com" target="_blank">在新窗口打开</a>
5. 链接到页面内的锚点
先设置锚点:
<h2 id="section1">章节一</h2>
再创建链接跳转:
<a href="#section1">跳转到章节一</a>
target="_blank"时建议加上rel="noopener"以提升安全性<a href="page.html"><img src="image.jpg" alt="描述"></a>
<a>标签的用法就能灵活创建各种超链接。以上就是HTML超链接怎么创建_HTML超链接a标签创建方法的详细内容,更多请关注php中文网其它相关文章!
HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号