时间:2023-09-04 18:42:02 | 来源:网站运营
时间:2023-09-04 18:42:02 来源:网站运营
HTML中的超级链接和锚点跳转:好好学习,天天向上<a> 链接内容 </a>
<a href = "www.xxx.com"> 超级链接 </a>
<a fref = "www.xxx.com" target= "_blank" > 超级链接并打开新的窗口 </a>
<a href="拉勾教育 - 拉勾旗下教育平台" target="_blank" title="点击跳转到源网页"> <img src="lagou.jpg" width="100px" height="100px"></a>
示例图:<h1 id= "h2">目标位置</h1><a name= "maodian"> </a>
<a href="#mb"> 页面内跳转文件的纯文本 </a>
<a href="a.html#text"> 页面内跳转文件的纯文本 </a>
示例:<html> <head> <title> 超级链接和锚点跳转 </title> </head> <body> <a name="dingbu" ></a> <!-- 超级链接跳转 target="_blank" 打开新的窗口 --> <a href="https://www.lagou.com" target="_blank"> 拉勾网 </a> <a href="https://www.baidu.com" title="点击跳转到百度"> 百度 </a> <br> <!-- 锚点跳转 --> <a href="#h1">11</a> <a href="#maodian">22</a> <br> <!-- 跨页面锚点跳转 --> <a href="demo.html#demo" target="_blank"> 点击跳转到 demo页面 </a> <!-- 设置空白高度 以方便测试 --> <div style="height: 1000;"></div> <h1 id="h1"> 这是第一个跳转的位置 </h1> <a href="#dingbu" > 返回顶部 </a> <!-- 设置空白高度 以方便测试 --> <div style="height: 1000;"></div> <a name="maodian" ></a> <p> 第二个跳转到这里 </p> <a href="#dingbu" > 返回顶部 </a> </body></html>
demo.html<html> <head> <title> 跨页面跳转在这里 </title> </head> <body> <p id="demo" >跳转过来了呀</p> </body></html>
关键词:超级