<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>a标签实现锚点</title>
</head>
<!--
锚点的实现
如果想跳转到当前页面,那么href的值可以设置为#
1.利用a标签的name属性
2.利用其他标签的id属性
-->
<body>
<pre>
<a name="1">1</a>
<h2>无序列表</h2>
<ul>
<li>张三</li>
<li>王五</li>
</ul>
<ul type="square">
<li>张三</li>
<li>王五</li>
</ul>
<ul type="disc">
<li>张三</li>
<li>王五</li>
</ul>
<a name="2">2</a>
<h2>有序列表</h2>
<ol type="1">
<li>张三</li>
<li>李四</li>
</ol>
<ol type="a">
<li>张三</li>
<li>李四</li>
</ol>
<ol type="I">
<li>张三</li>
<li>李四</li>
</ol>
</pre>
<a href="#1" >回到无序列表</a>
<a href="#2">回到有序列表</a>
</body>
</html>
HTML5零基础-08-锚点
最新推荐文章于 2022-08-11 17:06:15 发布