怎么样在HTML页面上添加锚点
展开全部
给你写了一个代码案例,自己运行看看吧,然后理解一下。
代码案例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>HTML5学堂(码匠)</title>
<style type="text/css">
.wrap {
width: 700px;
margin: 0 auto;
font-size: 40px;
}
.wrap a {
color: red;
}
</style>
</head>
<body>
<div class="wrap">
<p><a href="#dot">点击锚点吧</a></p>
<p><a href="#dot">点击锚点吧</a></p>
<p><a href="#dot">点击锚点吧</a></p>
<h1>HTML5标题</h1>
<p>HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题HTML5标题</p>
<h1 id="dot">添加锚点</h1>
<p>在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点在HTML页面上添加锚点</p>
</div>
<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script></div>
<script type="text/javascript">
</script>
</body>
</html>
效果图:
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询