html4 链接

最新推荐文章于 2024-07-22 09:00:00 发布

原创最新推荐文章于 2024-07-22 09:00:00 发布 · 251 阅读

0 ·

CC 4.0 BY-SA版权

HTML CSS JavaScript 专栏收录该内容

27 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title> 我的页面 </title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
   <h4 id="dingbu">顶部</h4>
   <h4>1.外部链接，一定要加上https://</h4>
   <a href="https://www.baidu.com" target="_self">百度</a>  <!--在本页面打开链接,默认的也是在本业面打开链接-->  <br />
   <a href="https://www.baidu.com" target="_blank">百度</a>  <!--在新页面打开链接-->
   <a href="https://www.baidu.com" target="_blank" style="text-decoration:none">百度</a>  <!--在新页面打开链接-->

   <h4>2.内部链接：网站內部业面之间的相互链接</h4>
   <a href="test.html">test</a> <br />
   <a href="test.html" target="_blank">test</a>

   <h4>3.空链接：#</h4>
   <a href="#">空链接</a> <br />

   <h4>4.下载链接：地址链接的是文件:.exe或者zip等压缩包形式</h4>
   <a href="image.zip">下载链接</a>

   <h4>5.网页元素的链接</h4>
   <a href="https://baike.baidu.com/item/%E5%8B%92%E5%B8%83%E6%9C%97%C2%B7%E8%A9%B9%E5%A7%86%E6%96%AF/1989503?fromtitle=%E8%A9%B9%E5%A7%86%E6%96%AF&fromid=14189565&fr=aladdin" target="_blamk"><img src="image.png" width="100"></a>

   <h4>6.锚点链接：当我们点击链接，可以快速定位到业面中的某个位置</h4>
   <a href="#next">next</a>
   <br /> <br /> <br /> <br /><br /> <br /> <br /> <br /> <br /> <br /> <br />
   <br /> <br /> <br /> <br /><br /> <br /> <br /> <br /> <br /> <br /> <br />
   <br /> <br /> <br /> <br /><br /> <br /> <br /> <br /> <br /> <br /> <br />
   <br /> <br /> <br /> <br /><br /> <br /> <br /> <br /> <br /> <br /> <br />
   <h5 id="next">next</h5>
   <a href="#dingbu">返回到顶部</a>
</body>
</html>