a标签的使用
<a>
标签具有以下属性:
href
:指定链接目标的URL。可以是另一个网页的URL、文件的URL或本地资源的路径。- target:指定链接如何在浏览器中打开。
- 常见的值:
- _blank 在新标签或窗口中打开链接
- _self 在当前标签或窗口中打开链接。
- title 提供链接的额外信息,通常在鼠标悬停在链接上时显示为工具提示。
动手实践一下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<a href="https://www.baidu.com/" target="_self" title="点击试试">百度一下</a>
<!-- _self 在当前页打开新链接 title鼠标悬停时显示标注的信息-->
<a href="https://www.runoob.com/" target="_blank">菜鸟教程</a>
<!-- _blank 在新标签页或窗口打开链接-->
<p name="top">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p></br>
<p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p></br>
<p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p></br>
<p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p></br>
<p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p></br>
<p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p></br>
<p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p></br>
<p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p></br>
<p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p></br>
<p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p></br>
<p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p></br>
<p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p></br>
<p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p></br>
<p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p></br>
<p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p></br>
<p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p></br>
<a href="#top">返回开头</a>
<!--此处a标签内href中#top意思是寻找当前页面中的top,第一个top相当于路标,#top去寻找它-->
</html>
效果: