2020黑马旅游网项目素材及源码(无废话版)

最新推荐文章于 2024-09-09 10:40:46 发布
最新推荐文章于 2024-09-09 10:40:46 发布
阅读量5.1k 收藏 45
点赞数 9
文章标签： html javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_46078443/article/details/108225731
版权

一、成品展示
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
二、素材下载
链接：https://pan.baidu.com/s/1HOmZt-Di53LHeNHR0fl3-g
提取码：eixh

三、代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>黑马旅游网</title>
</head>
<body>
    <table width="100%" align="center">
        <!--1-->
        <tr>
            <td><img src="黑马旅游网_files/top_banner.jpg" width="100%"></td>
        </tr>

        <!--2-->
        <!--搜索框及logo-->
        <tr>
            <table width="100%" align="center">
            <td><img src="黑马旅游网_files/logo.jpg" alt=""></td>
            <td><img src="黑马旅游网_files/search.png" alt=""></td>
            <td><img src="黑马旅游网_files/hotel_tel.png" alt=""></td>
            </table>
        </tr>

        <!--3-->
        <!--目录-->
        <tr>
            <td>
               <table align="center" width="100%" cellspacing="0" cellpadding="0">
                   <tr bgcolor="#bdb76b" align="center" height="45" >
                       <td>首页</td>
                       <td>门票</td>
                       <td>酒店</td>
                       <td>香港车票</td>
                       <td>国内游</td>
                       <td>出境游</td>
                       <td>港澳游</td>
                       <td>抱团定制</td>
                       <td>全球自由行</td>
                       <td>收藏排行</td>
                   </tr>
               </table>
            </td>
        </tr>

        <!--4-->
        <!--大图-->
        <tr>
            <td>
                <table>
                    <tr>
                        <td><img src="黑马旅游网_files/banner_3.jpg"></td>
                    </tr>
                </table>
            </td>
        </tr>

        <!--5-->
        <!--黑马精选横线-->
        <tr>
            <td>
                <table width="100%" align="center">
                    <tr>
                        <td>
                            <img src="黑马旅游网_files/icon_5.jpg">
                            黑马精选
                            <hr align="center" color="yellow" >
                        </td>

                    </tr>

                </table>
            </td>
        </tr>

        <!--6-->
        <!--黑马精选内容-->
        <tr>
            <td>
                <table align="center" width="95%">
                    <tr>
                        <td>
                            <img src="黑马旅游网_files/jiangxuan_1.jpg">
                            <p>
                                <font>上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)</font>
                            </p>
                        </td>
                        <td>
                            <img src="黑马旅游网_files/jiangxuan_1.jpg">
                            <p>
                                <font>上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)</font>
                            </p>
                        </td>
                        <td>
                            <img src="黑马旅游网_files/jiangxuan_1.jpg">
                            <p>
                                <font>上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)</font>
                            </p>
                        </td>
                        <td>
                            <img src="黑马旅游网_files/jiangxuan_1.jpg">
                            <p>
                                <font>上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)</font>
                            </p>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>

        <!--7-->
        <!--国内游的横线-->
        <tr>
            <table width="100%" align="center">
                <td>
                    <img src="黑马旅游网_files/icon_6.jpg">
                    国内游
                    <hr align="center" color="yellow" width="100%">
                </td>
            </table>
        </tr>

        <!--8-->
        <!--国内游的内容-->
        <tr>
            <td>
                <table width="95%" align="center">
                    <tr>
                        <td rowspan="2"><img src="黑马旅游网_files/guonei_1.jpg" height="100%"></td>
                        <td>
                            <img src="黑马旅游网_files/jiangxuan_2.jpg">
                            <p>上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)</p>
                            <font color="red">&yen; 699</font>
                        </td>
                        <td>
                            <img src="黑马旅游网_files/jiangxuan_2.jpg">
                            <p>上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)</p>
                            <font color="red">&yen; 699</font>
                        </td>
                        <td>
                            <img src="黑马旅游网_files/jiangxuan_2.jpg">
                            <p>上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)</p>
                            <font color="red">&yen; 699</font>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <img src="黑马旅游网_files/jiangxuan_2.jpg">
                            <p>上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)</p>
                            <font color="red">&yen; 699</font>
                        </td>
                        <td>
                            <img src="黑马旅游网_files/jiangxuan_2.jpg">
                            <p>上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)</p>
                            <font color="red">&yen; 699</font>
                        </td>
                        <td>
                            <img src="黑马旅游网_files/jiangxuan_2.jpg">
                            <p>上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)</p>
                            <font color="red">&yen; 699</font>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>

        <!--9-->
        <!--境外游的横线-->
        <tr>
            <td>
                <table width="100%" align="center">
                    <tr>
                        <td>
                            <img src="黑马旅游网_files/icon_7.jpg">
                            境外游
                            <hr color="yellow" align="center">
                        </td>
                    </tr>
                </table>
            </td>
        </tr>

        <!--10-->
        <!--境外游的内容-->
        <tr>
            <td>
                <table width="95%" align="center">
                    <tr>
                        <td rowspan="2"><img src="黑马旅游网_files/jiangwai_1.jpg" height="100%"></td>
                        <td>
                            <img src="黑马旅游网_files/jiangxuan_3.jpg">
                            <p>上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)</p>
                            <font color="red">&yen; 699</font>
                        </td>
                        <td>
                            <img src="黑马旅游网_files/jiangxuan_3.jpg">
                            <p>上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)</p>
                            <font color="red">&yen; 699</font>
                        </td>
                        <td>
                            <img src="黑马旅游网_files/jiangxuan_3.jpg">
                            <p>上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)</p>
                            <font color="red">&yen; 699</font>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <img src="黑马旅游网_files/jiangxuan_3.jpg">
                            <p>上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)</p>
                            <font color="red">&yen; 699</font>
                        </td>
                        <td>
                            <img src="黑马旅游网_files/jiangxuan_3.jpg">
                            <p>上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)</p>
                            <font color="red">&yen; 699</font>
                        </td>
                        <td>
                            <img src="黑马旅游网_files/jiangxuan_3.jpg">
                            <p>上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)</p>
                            <font color="red">&yen; 699</font>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>

        <!--11-->
        <!--认证商标-->
        <tr>
            <td>
                <table width="100%" align="center">
                    <tr>
                        <td><img src="黑马旅游网_files/footer_service.png"></td>
                    </tr>
                </table>
            </td>
        </tr>

        <!--12-->
        <!--页尾-->
        <tr>
            <td>
                <table width="100%" align="center">
                    <tr>
                        <td bgcolor="#d2691e" align="center" height="50">
                            <font color="#696969" size="2">
                                越来越牛的猿 版权所有Copyright 2006-2020, All Rights Reserved
                                <a href="">京ICP备18021256号</a>
                            </font>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</body>
</html>

第二版用BootStrap完成

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <link href="bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">


    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="bootstrap-3.3.7-dist/js/jquery-3.5.1.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>

    <style>
        .paddtop{
            padding-top: 20px;
        }

        .search-input{
            float: left;
            width: 400px;
            height: 35px;
            border: 2px yellow solid;
        }

        .search-btn{
            width: 90px;
        }

        .handpick{
            border-bottom: 2px yellow solid;
            padding: 10px;
        }

        .company{
            height: 40px;
            background: yellow;
            text-align: center;
            line-height: 40px;
            border: yellow 2px solid;
        }

    </style>
</head>
<body>
    <!--页眉-->
    <div class="container-fluid">
        <div class="row">
            <img src="黑马旅游网_files/top_banner.jpg" class="img-responsive" width="100%">
        </div>
        <div class="row">
            <div class="col-md-3">
                <img src="黑马旅游网_files/logo%20(1).jpg">
            </div>
            <div class="col-md-5 paddtop">
                <input placeholder="请输入路线名称" class="search-input">
                <a href="#" class="btn btn-warning search-btn">搜索</a>
            </div>
            <div class="col-md-4">
                <img src="黑马旅游网_files/hotel_tel.png">
            </div>
        </div>
        <!--导航栏-->
        <div class="row">
            <nav class="navbar navbar-default">
                <div class="container-fluid">

                    <!-- Collect the nav links, forms, and other content for toggling -->
                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                        <ul class="nav navbar-nav">
                            <li><a href="#">传智播客<span class="sr-only">(current)</span></a></li>
                            <li><a href="#">JavaEE</a></li>
                            <li><a href="#">JavaEE</a></li>
                            <li><a href="#">JavaEE</a></li>
                            <li><a href="#">JavaEE</a></li>
                            <li><a href="#">JavaEE</a></li>
                            <li><a href="#">JavaEE</a></li>
                            <li><a href="#">JavaEE</a></li>
                            <li><a href="#">JavaEE</a></li>
                            <li><a href="#">JavaEE</a></li>
                            <li><a href="#">JavaEE</a></li>
                            <li><a href="#">JavaEE</a></li>
                        </ul>

                    </div><!-- /.navbar-collapse -->
                </div><!-- /.container-fluid -->
            </nav>
        </div>
        <!--轮播图-->
        <div class="row">
            <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                <!-- Indicators -->
                <ol class="carousel-indicators">
                    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                </ol>

                <!-- Wrapper for slides -->
                <div class="carousel-inner" role="listbox">
                    <div class="item active">
                        <img src="黑马旅游网_files/banner_1.jpg" width="100%" alt="...">
                        <div class="carousel-caption">
                            ...
                        </div>
                    </div>
                    <div class="item">
                        <img src="黑马旅游网_files/banner_2.jpg" width="100%" alt="...">
                        <div class="carousel-caption">
                            ...
                        </div>
                    </div>

                    <div class="item">
                        <img src="黑马旅游网_files/banner_3.jpg" width="100%" alt="...">
                        <div class="carousel-caption">
                            ...
                        </div>
                    </div>
                </div>

                <!-- Controls -->
                <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>
        </div>
    </div>
<!--内容部分-->
    <!--黑马精选-->
    <div class="container">
        <div class="row handpick">
            <span><img src="黑马旅游网_files/icon_5.jpg">黑马精选</span>
        </div>
        <!--paddtop是离上边距10px-->
        <div class="row paddtop">
            <div class="col-md-3">
                <div class="thumbnail">
                    <img src="黑马旅游网_files/jiangxuan_1.jpg">
                    <p>上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)</p>
                    <font color="red">¥699</font>
                </div>
            </div>
            <div class="col-md-3">
                <div class="thumbnail">
                    <img src="黑马旅游网_files/jiangxuan_1.jpg">
                    <p>上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)</p>
                    <font color="red">¥699</font>
                </div>
            </div>
            <!--thumbnail相框-->
            <div class="col-md-3">
                <div class="thumbnail">
                    <img src="黑马旅游网_files/jiangxuan_1.jpg">
                    <p>上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)</p>
                    <font color="red">¥699</font>
                </div>
            </div>

            <div class="col-md-3">
                <div class="thumbnail">
                    <img src="黑马旅游网_files/jiangxuan_1.jpg">
                    <p>上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)</p>
                    <font color="red">¥699</font>
                </div>
            </div>
        </div>
        <!--国内游-->
        <div class="row">
            <div class="row handpick">
                <span><img src="黑马旅游网_files/icon_6.jpg">国内游</span>
            </div>
            <!--分为两部分-->
            <!--第一部分大图占4个格-->
            <div class="col-md-4 paddtop">
                <img src="黑马旅游网_files/guonei_1.jpg">
            </div>
            <!--第二部分共占8格，分为两行-->
            <div class="col-md-8 paddtop">
                <div class="row">
                    <div class="col-md-4">
                        <div class="thumbnail">
                            <img src="黑马旅游网_files/jiangxuan_2.jpg">
                            <p>上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)</p>
                            <font color="red">¥899</font>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="thumbnail">
                            <img src="黑马旅游网_files/jiangxuan_2.jpg">
                            <p>上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)</p>
                            <font color="red">¥899</font>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="thumbnail">
                            <img src="黑马旅游网_files/jiangxuan_2.jpg">
                            <p>上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)</p>
                            <font color="red">¥899</font>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-4">
                        <div class="thumbnail">
                            <img src="黑马旅游网_files/jiangxuan_2.jpg">
                            <p>上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)</p>
                            <font color="red">¥899</font>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="thumbnail">
                            <img src="黑马旅游网_files/jiangxuan_2.jpg">
                            <p>上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)</p>
                            <font color="red">¥899</font>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="thumbnail">
                            <img src="黑马旅游网_files/jiangxuan_2.jpg">
                            <p>上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)</p>
                            <font color="red">¥899</font>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--页尾-->
    <div class="container-fluid">
        <div class="row">
            <img src="黑马旅游网_files/footer_service.png" class="img-responsive">
        </div>

        <div class="row company">
            越来越牛的猿 版权所有Copyright 2006-2020, All Rights Reserved 京ICP备18021256号
        </div>
    </div>
</body>
</html>
刘索隆ʕ•ᴥ•ʔ
关注
基于Web的网络商城项目设计与实现【SSM+Bootstrap+Vue】
08-27 5515
【Spring+SpringMVC+MyBatis+Bootstrap+Vue】 演示：线路1 线路2 1.系统功能介绍 网上商城系统是一个功能完善的在线购物系统 - ，主要为在线销售和在线购物服务。其功能主要包含商品的管理，会员的管理，订单的管理，库存的管理，价格的管理，在线支付等。主要功能分为前台功能模块和后台功能模块。项目采用前后端分离的架构开发。 ...
黑马旅游网项目详细思路和完整代码整理 -附源码
热门推荐
qq_41910976的博客
05-05 2万+
前言 由于新冠病毒的原因，无法上学。百无聊赖之下自己开始看视频学习，跟着视频做完了这个项目来检验学习成果，写篇博客来记录一下。话不多说，开始正题。 技术选型 表示层（web） 1. HTML、CSS、JS、JQuery、Ajax 2. Servlet 前端控制器 3. Filter 过滤器 4. BeanUtils 数据的封装工具类 5. JackSon Json数据序列化工具 业务逻...
黑马大事件项目开发
最新发布
风止的博客
09-09 1041
项目介绍 演示网站： https://fe-bigevent-web.itheima.net/login 实现 1）创建项目 npm init vue@latest 2）安装项目需要的依赖 npm install element-plus --save npm install axios npm install sass -D 3）在main.js中加入Element的内容 import { createApp } from 'vue' import ElementPlus from 'element-
BootStrap基础
刘索隆ʕ•ᴥ•ʔ的博客
08-29 354
模板： <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- 上述.
BOOTSTRAP初学者如何学习
weixin_34307464的博客
10-26 140
为什么80%的码农都做不了架构师？>>> ...
如何快速轻松学习bootstrap
weixin_30532759的博客
07-19 241
我以前也是通过看一些视频教程来学的，比如慕课网上的，比如51cto上的那些零基础入门bootstrap什么的，还有一些培训班里流传出来的，感觉晕乎乎的，不知所云。 还是在后面不断使用的过程中慢慢体会到它的价值。相信很多没有什么基础的初学者学习它定会感到无从下手、云里雾里、难以把控。最后实在是看不出它好在哪里，学了也就相当于白学了，也就逐渐的放弃了。 你学不好它是因为对自己要求太完美，同时对它又...
BootStrap简单学习
秋雨绵绵
03-04 1360
本文是关于BootStrap的简单学习，适合后端开发者查阅。
完整的黑马旅游网已打包版
03-02
黑马旅游网，含静态资源和sql，以及自己完成的后端代码，已打包
Bootstrap框架菜鸟入门教程
weixin_30648587的博客
09-16 1140
Bootstrap菜鸟入门教程 Bootstrap简介 Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。 一、栅格系统 ...
Bootstrap的简单学习
穹妹纸的博客
06-10 180
当我们把前端三剑客HTML,css,JavaScript的基础知识都学习完的时候,我们发现,应用这些基础知识还是很难做出一个美观的页面的,代码量会非常大,甚至我们根本不知道怎么去美化HTML页面,无从下手. 于是,前端web框架就需要我们去学习了,像学习后端SSM等框架一样,这次我们学习的前端web框架是BootStrap. Bootstrap: 概念:他是一个前端开发的框架,Bootstrap,来自Twitter,他基于前端三剑客,灵活简洁,使得前端web开发更加便捷 好处: 1.定义了很多CSS的样式和
利用bootstrap写一个电子商务网站
aohu8540的博客
08-20 703
准备环境：安装bootstrap 　　　　1、https://v3.bootcss.com/ 点击下载Bootstrap，选择“用于生产环境的Bootstrap”下载 　　　　　同时下载jQuery安装包，放到JS文件夹里面。 　　　　　http://jquery.com/download/选择版本进行下载，点击以后是一个代码网页，这时候右键点击另存为即可。 ...
bootstrap详细学习课件文档
11-12
bootstrap是由美国twitter公司开发的，目前最受欢迎的前端框架。bootstrap是基于HTML，CSS，JAVASCRIPT的前端框架，简单灵活，可以大大提高web开发效率
travel:黑马旅游网项目
05-26
travel 黑马旅游网项目 SQL数据库文件在resources文件夹下 登录注册功能 注册需要发送邮件激活，发送需要需要先修改自己的代码设置自己邮箱的地址和授权码。 为了保证账户激活的唯一性设置了32随机码 网站首页的分类数据是从数据库中读出的，在读数据时第一步采用MySQL数据库中读出，后面则是从是缓存中读取了。缓存工具采用的是redis 补充了下一页和末页功能，在进行线路名称查询和详情查询的时候黑马中的代码是有问题的，在于判断是否为空要注意str.equals("")，str==null,str.isEmpty()这三者是有区别的。 更新了源代码中一些比较老的Spring框架，但是更新后前端界面有一些显示问题，因为我主要开发后端这个问题比较小，就还没管。 在我的博客中有详细的记录，欢迎访问：
黑马旅游网初始项目文件
12-22
我本来不想要积分的，但是这个CSDN上传的资源最少都要选一个积分。
黑马旅游网项目_java_web_基础
11-11
黑马旅游网项目_java_web_基础
Bootstrap简单学习
小王的博客
03-11 890
目录一、Bootstrap简介二、响应式布局三、CSS样式和JS插件四、事件监听机制 一、Bootstrap简介 1.1、概念：一个前端开发的框架 框架：一个半成品软件，开发人员可以在框架基础上，在进行开发，简化代码。 好处： 1、定义了很多css样式和js插件。我们开发人员直接可以使用这些样式和插得到丰富的页面效果。 2、响应式布局：同一套页面可以兼容不同分辨率的设备。 1.2、快速入门 1、下载Bootstrap 2、在项目中将这三个文件夹复制 3、创建html页面，引入必要的资源文件 二、响应式布局
Bootstrap快速入门学习
从放弃到开始
08-03 1513
前方：对于一个后端的人员，很多时候也很无奈的需要学习前端技术。真把后端人员当作一个全栈工作师呀！心里的苦，只有入这行的人才深深的懂得。别问为什么，因为只有你自己知道，加油！！！！ 入门自问： 1、Bootstrap是什么？ Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap是基于HTML5和CSS3开发的。 2、有什么用？ 写HTML标签调用它的...
bootstrap学习路线
weixin_45545764的博客
07-19 287
一、布局容器和栅格网格系统 导入bootstrap <link rel="stylesheet" type="text/css" href="bootstrap-3.4.1-dist/css/bootstrap.min.css" /> 1.布局容器 1.container类用于固定宽度并支持响应式布局的容器。 <div class="container" style="background-color: #419641; height: 200px;" > &lt.
Bootstrap学习(四)
老鬼的博客
08-06 334
留坑待用 四、菜单，按钮，导航 1.下拉菜单 2.按钮 3. 4. 5. 四、菜单，按钮，导航 1.下拉菜单 &amp;amp;amp;amp;amp;lt;div class=&amp;amp;amp;amp;quot;dropdown&amp;amp;amp;amp;quot;&amp;amp;amp;amp;amp;gt; &amp;amp;amp;amp;amp;lt;button class=&a
JavaWeb项目整合教程：黑马旅游网优化版
资源摘要信息:"该JavaWeb入门整合项目——黑马旅游网，是一个基于Java技术栈构建的在线旅游服务平台。项目中整合了多种技术，包括前端开发、后端开发、移动开发、数据库设计、操作系统原理、人工智能算法应用、...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值