本文介绍了HTML中a标签的基本用法，包括href属性用于页面跳转，以及target属性对新窗口打开、父窗口或顶级窗口的区别。同时讲解了锚点(#+id属性)在页面内定位内容的应用。
a标签是超文本链接标签——用来进行页面的跳转 href=“url”属性放的是跳转的路径
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>a标签</title>
</head>
<body>
<a href="https://www.baidu.com/">点我</a>
<a href="https://www.baidu.com/" target="_blank">点我</a>
<a href="https://www.baidu.com/" target="_parent">点我</a>
<a href="https://www.baidu.com/" target="_top">点我</a>
</body>
</html>锚点：使页面的展示到达某一个指定的地点
#+id属性的取值进行链接
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>a标签</title>
</head>
<body>
<h1>xxx小说</h1>
<a href="#01">第一章</a>
<a href="#02">第二章</a>
<a href="#03">第三章</a>
<a href="#04">第四章</a>
<a href="#05">第五章</a>
<a href="#06">第六章</a>
<a href="#07">第七章</a>
<a href="#08">第八章</a>
<p>
<a href="#" id="01">第一章</a>
。。。。。。。。。。。。。。。。
</p>
<p>
<a href="#" id="02">第二章</a>
。。。。。。。。。。。。。。。。
</p>
<p>
<a href="#" id="03">第三章</a>
。。。。。。。。。。。。。。。。
</p>
<p>
<a href="#" id="04">第四章</a>
。。。。。。。。。。。。。。。。
</p>
<p>
<a href="#" id="05">第五章</a>
。。。。。。。。。。。。。。。。
</p>
<a href="">回到顶部</a>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
