当前位置:   article > 正文

Web前端开发技术课程设计 介绍我的家乡_前端介绍家乡

前端介绍家乡

一共10多个页面 技术栈采用了 html css js swiper jq bootstrap

内容可以修改你喜欢的样子

有登陆页面 轮播图

视频介绍 图文介绍

内容可修改 可以定制 修改满意为止

需要si 我

前端一系列技术栈都会

小部分代码

  1. <head>
  2. <meta charset="utf-8">
  3. <title>分享与讨论</title>
  4. <!-- CSS -->
  5. <link href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css" rel="stylesheet"
  6. integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
  7. <!-- jQuery and JavaScript Bundle with Popper -->
  8. <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
  9. integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous">
  10. </script>
  11. <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"
  12. integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF" crossorigin="anonymous">
  13. </script>
  14. <!-- 引入title标签 -->
  15. <link rel="icon" href="img/logo.png" sizes="32x32">
  16. <!-- 引入common.css -->
  17. <link rel="stylesheet" type="text/css" href="css/common.css" />
  18. <!-- 引入share.css -->
  19. <link rel="stylesheet" type="text/css" href="css/share.css" />
  20. <!-- 引入图标库 -->
  21. <link rel="stylesheet" type="text/css" href="fonts/fa/css/all.css" />
  22. <!-- 引入JQuery -->
  23. <script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
  24. <!-- 引入common.js -->
  25. <script src="js/common.js" type="text/javascript" charset="utf-8"></script>
  26. <!-- 引入share.js -->
  27. <script src="js/share.js" type="text/javascript" charset="utf-8"></script>
  28. <link rel="stylesheet" type="text/css" href="fonts/fa/css/all.css" />
  29. </head>
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小小林熬夜学编程/article/detail/84928
推荐阅读
相关标签
  

闽ICP备14008679号