HTML基础（6. 超链接与锚点）

最新推荐文章于 2022-12-18 11:07:05 发布

__XYQ

最新推荐文章于 2022-12-18 11:07:05 发布

阅读量427

点赞数

分类专栏：前端基础知识文章标签： html

本文链接：https://blog.csdn.net/qq_41144008/article/details/78767175

版权

前端基础知识专栏收录该内容

41 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<a href="http://www.baidu.com" target="_blank">百度</a>
<br>
<!-- 这里的target="_blank"，在新的一个页面打开-->

<!--下面这里是锚点的设置
锚点，就是当你的网页很长的时候，点击某个地方就能跳转到某个位置-->
<a href="#i1">第一章</a>
<a href="#i2">第二章</a>
<a href="#i3">第三章</a>
<!--让这个标签与下边的in建立关系-->
<a href="#i4">第四章</a>
<div id="i1" style="height: 600px">第一章的内容</div>
<!--为了演示用了style,使每一个DIV的高度为600-->
<div id="i2" style="height: 600px">第二章的内容</div>
<div id="i3" style="height: 600px">第三章的内容</div>
<div id="i4" style="height: 600px">第四章的内容</div>
</body>
</html>
 
这里点击了第某章之后，就会自动跳转到某个地方！