欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

HTML5-02-链接元素

程序员文章站 2022-05-15 09:24:27
...
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7. <title>链接元素</title>
  8. </head>
  9. <body>
  10. <!--href:是一个url时,在不同的页面之间跳转-->
  11. <a href="https://baidu.com" target="_self">baidu自身</a>
  12. <a href="https://baidu.com" target="_blank">baidu新页面</a>
  13. <!---下载文件-->
  14. <a href="1-文本元素.html" download="语义化文本元素">下载文件</a>
  15. <a href="tel:13227692228">咨询电话</a>
  16. <a href="mail to:1332227699528@189.cn">发邮件</a>
  17. <!--锚点:实现当前页面内部之间跳转-->
  18. <a href="#ant" id="ant1">当前页面内部跳转</a>
  19. <a href="#ant1" id="ant">
  20. <h1 style="margin-top: 1000px">跳转到这里了</h1>
  21. </a>
  22. </body>
  23. </html>

HTML5-02-链接元素