HTML学习笔记--链接

最新推荐文章于 2024-10-10 11:15:29 发布

PRCORANGE

最新推荐文章于 2024-10-10 11:15:29 发布

阅读量163

点赞数 1

文章标签： html

本文链接：https://blog.csdn.net/PRCORANGE/article/details/107499174

版权

HTML链接

HTML 链接是通过标签<a>来定义的。a标签，也叫anchor（锚点）元素，既可以用来链接到外部地址实现页面跳转功能，也可以链接到当前页面的某部分实现内部导航功能。

注意：网址必须完整，如果没有"https://"会报错。

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>我的第一个网页</title>
</head>
<body>
<a href="https://www.baidu.com" target="_blank">百度一下</a>
</body>
</html>

在这里插入图片描述

使用 Target 属性，你可以定义被链接的文档在何处显示。默认的被链接文档会在原有的窗口中打开的。如果将 target 属性设置为 “_blank” 则文档就会在新窗口打开。

ID

id 属性可用于在一个 HTML 文档中创建书签标记。

在HTML文档中插入ID:

<a id="tips">Useful Tips Section</a>

在HTML文档中创建一个链接到"有用的提示部分(id=“tips”）"：

<a href="#tips">Visit the Useful Tips Section</a>

或者，从另一个页面创建一个链接到"有用的提示(id=“tips”）部分"：

<a href="//www.w3cschool.cn/html_links.html#tips"> Visit the Useful Tips Section</a>

图片链接

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>我的第一个网页</title>
</head>
<body>
<p>
点击图片跳转到我的博客：
<a href="https://blog.csdn.net/PRCORANGE">
<img src="https://i.loli.net/2020/07/21/qVYWtOnvDJd96Km.jpg" alt="我的头像" width="40" height="40"></a>
</p>
</body>
</html>