1. 基本超链接
<a href="https://www.example.com">Visit our website</a>
上述代码中，href 属性指定了链接的目标 URL。用户点击链接时，浏览器将导航到指定的网址。
2. 链接到本地文件
<a href="document.pdf">Download PDF</a>
可以使用相对路径或绝对路径来链接到本地文件。在这个例子中，链接指向同一目录下的名为 document.pdf 的文件。
3. 链接到页面内部锚点
<a href="#section2">Go to Section 2</a>
<h2 id="section2">Section 2</h2>
通过在链接中使用 # 后跟锚点的 ID，可以链接到同一页面内的特定部分。在这个例子中，点击链接将滚动到具有 id="section2" 的标题。
4. 在新窗口或标签中打开链接
<a href="https://www.example.com" target="_blank">Visit our website in a new tab</a>
使用 target="_blank" 属性可以让链接在新的浏览器标签或窗口中打开。
5. 链接到电子邮件地址
<a href="mailto:info@example.com">Send an email</a>
使用 mailto: 协议可以创建一个链接，点击链接将打开用户的默认邮件客户端并预填写收件人地址。
6. 图片链接
<a href="https://www.example.com">
<img src="image.jpg" alt="An example image">
</a>
超链接可以包含图像，使整个图像成为可点击的链接。
7. JavaScript 动作
<a href="javascript:alert('Hello!')">Click me</a>
通过在 href 属性中使用 JavaScript 代码，可以在点击链接时执行自定义动作。在实际应用中，最好将 JavaScript 事件处理程序放在单独的脚本文件中。
以上是一些基本的 HTML 超链接的用法，超链接是构建网页结构中的重要组成部分，使用户能够轻松导航到不同的页面和资源。
转载请注明出处：http://www.zyzy.cn/article/detail/3114/HTML