五. 链接标签

最新推荐文章于 2023-04-20 20:08:17 发布

OlalalalalaO

最新推荐文章于 2023-04-20 20:08:17 发布

阅读量67

点赞数

分类专栏： # HTML

本文链接：https://blog.csdn.net/qq_38914344/article/details/115114792

版权

HTML 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

本文介绍了HTML中超链接的用法，包括外部链接、内部跳转、空链接、下载链接和锚点链接。外部链接用于跳转到其他网站，内部跳转则在同一个网站的不同页面间导航。空链接表示没有目标地址，下载链接则用于提供文件下载。锚点链接允许在页面内快速定位特定位置。示例代码展示了各种链接的实现方式。

摘要由CSDN通过智能技术生成

a ->anchor 锚点

herf

指定要跳转到位置

外部链接

跳转到外部的网站

内部跳转标签

跳转到另一个html页面

空链接

#代表当前超链接无跳转位置

下载链接

herf中存的是文件位置，点击该链接时，自动下载文件

锚点链接

点完链接，定位至当前页面中某个位置
链接：herf="#name"
目标：id = “name”

例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <a href="http://www.baidu.com" target="_blank">外部链接</a><br>
    <a href="day2.html" target="_blank">内部跳转链接</a><br>
    <a href="#">空连接</a><br>
    <a href="./img/1.zip">下载链接</a><br>
    <a href="http://www.baidu.com"><img src="./img/1.jpg" width="100"></a>
</body>
</html>