zoukankan      html  css  js  c++  java
  • 每日日报2021.5.13

    今天完成内容:

    学习web

     查询页面编写

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <!-- Basic -->
    <meta charset="utf-8" />
    <!-- 告诉IE浏览器,IE8/9及以后的版本都会以最高版本IE来渲染页面 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <!-- Mobile Metas -->
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
    <!-- Site Metas -->
    <!-- keywords用来告诉搜索引擎你网页的关键字是什么 -->
    <meta name="keywords" content="" />
    <!-- description用来告诉搜索引擎你的网站主要内容 -->
    <meta name="description" content="" />
    <!-- 标注网页的作者 -->
    <meta name="author" content="" />
    <!-- 给网页标题前添加一个小图标 -->
    <link rel="shortcut icon" href="images/0.jpg" type="image/x-icon">

    <title>智慧航空</title>

    <!-- bootstrap core css -->
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css" />

    <!--owl slider stylesheet -->
    <link rel="stylesheet" type="text/css" href="css/owl.carousel.min.css" />

    <!-- fonts style -->
    <!-- 服务端字体 -->
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700|Poppins:400,600,700&display=swap" rel="stylesheet" />

    <!-- Custom styles for this template -->
    <link href="css/style.css" rel="stylesheet" />
    <!-- responsive style -->
    <link href="css/responsive.css" rel="stylesheet" />
    <link href="css/reister.less.css" rel="stylesheet" />
    </head>

    <body>
    <div class="hero_area">
    <!-- header section strats -->
    <div class="hero_bg_box">
    <div class="img-box">
    <img src="images/hero-bg.jpg" alt="">
    </div>
    </div>

    <header class="header_section">
    <div class="header_top">
    <div class="container-fluid">
    <div class="contact_link-container">
    <a href="" class="contact_link1">
    <i class="fa fa-map-marker" aria-hidden="true"></i>
    <span>
    中国 石家庄 铁道大学
    </span>
    </a>
    <a href="" class="contact_link2">
    <i class="fa fa-phone" aria-hidden="true"></i>
    <span>
    Call : +86 1234567890
    </span>
    </a>
    <a href="" class="contact_link3">
    <i class="fa fa-envelope" aria-hidden="true"></i>
    <span>
    1157624755@qq.com
    </span>
    </a>
    </div>
    </div>
    </div>
    <div class="header_bottom">
    <div class="container-fluid">
    <nav class="navbar navbar-expand-lg custom_nav-container">
    <a class="navbar-brand" href="index.html">
    <span>
    L*M*L
    </span>
    </a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class=""></span>
    </button>

    <div class="collapse navbar-collapse ml-auto" id="navbarSupportedContent">
    <ul class="navbar-nav ">
    <li class="nav-item active">
    <a class="nav-link" href="index.html">主页 <span class="sr-only">(current)</span></a>
    </li>
    <li class="nav-item">
    <a class="nav-link" href="service.html"> 服务 </a>
    </li>
    <li class="nav-item">
    <a class="nav-link" href="about.html"> 总览 </a>
    </li>
    <li class="nav-item">
    <a class="nav-link" href="register.html"> 登录 </a>
    </li>
    <li class="nav-item">
    <a class="nav-link" href="login.html"> 没有账号?注册一个 </a>
    </li>
    <li class="nav-item">
    <a class="nav-link" href="contact.html"> 联系我们 </a>
    </li>
    </ul>
    </div>
    </nav>
    </div>
    </div>
    </header>

    <section class="contact_section layout_padding">
    <div class="container">
    <div class="heading_container heading_center">
    <h2>
    航班查询
    </h2>
    </div>
    <div class="row">
    <div class="col-md-9 mx-auto">
    <div class="form_container">
    <form>
    <div class="form-row">
    <div >
    <input type="text" class="form-control" placeholder="出发地" />
    </div>
    &emsp;&emsp;
    <div>
    <input type="text" class="form-control" placeholder="目的地" />
    </div>
    &emsp;&emsp;
    <div >
    <input type="date" class="form-control" id="start_time"/>
    </div>
    </div>
    .
    <div class="btn-box">
    <button type="button" onclick="alert('提交成功')">查询</button>
    </div>
    </form>
    </div>
    </div>
    </div>
    </div>
    </section>


    </div>



    <section class="info_section ">
    <div class="container">
    <div class="row">
    <div class="col-md-3">
    <div class="info_logo">
    <a class="navbar-brand" href="index.html">
    <span>
    智慧航空
    </span>
    </a>
    <p>
    Dolor sit amet, consectetur magna aliqua. Ut enim ad minim veniam, quisdotempor incididunt r
    </p>
    </div>
    </div>
    <div class="col-md-3">
    <div class="info_links">
    <h5>
    Useful Link
    </h5>
    <ul>
    <li>
    <a href="">
    Dolor sit amet, consectetur
    </a>
    </li>
    <li>
    <a href="">
    Magna aliqua. Ut enim ad
    </a>
    </li>
    <li>
    <a href="">
    Minim veniam
    </a>
    </li>
    <li>
    <a href="">
    Quisdotempor incididunt r
    </a>
    </li>
    </ul>
    </div>
    </div>
    <div class="col-md-3">
    <div class="info_info">
    <h5>
    Contact Us
    </h5>
    </div>
    <div class="info_contact">
    <a href="" class="">
    <i class="fa fa-map-marker" aria-hidden="true"></i>
    <span>
    中国 石家庄 铁道大学
    </span>
    </a>
    <a href="" class="">
    <i class="fa fa-phone" aria-hidden="true"></i>
    <span>
    Call : +86 1234567890
    </span>
    </a>
    <a href="" class="">
    <i class="fa fa-envelope" aria-hidden="true"></i>
    <span>
    1157624755@qq.com
    </span>
    </a>
    </div>
    </div>
    <div class="col-md-3">
    <div class="info_form ">
    <h5>
    订阅服务
    </h5>
    <form action="#">
    <input type="email" placeholder="Enter your email">
    <button type="button" onclick="alert('已订阅服务')">确认</button>
    </form>
    </div>
    </div>
    </div>
    </div>
    </div>
    </section>

    <script type="text/javascript">
    var start = document.getElementById("start_time");
    var date = new Date();
    var month_t = date.getMonth().toString();
    if (date.getMonth() + 1 < 10)
    month_t = '0' + (date.getMonth() + 1);

    var day_t = date.getDate().toString();
    if (date.getDate() < 10)
    day_t = '0' + (date.getDate())

    var dateString = date.getFullYear() + "-" + (month_t) + "-" + day_t;
    start.value = dateString;
    </script>

    <script src="js/jquery-3.4.1.min.js"></script>
    <script src="js/bootstrap.js"></script>
    <!-- owl slider -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js">
    </script>
    <script src="js/custom.js"></script>
    </body>
    </html>

    看视频

    遇到问题:

    明日目标:

    学习web端的开发

    学习css

  • 相关阅读:
    IOS Charles(代理服务器软件,可以用来拦截网络请求)
    Javascript中addEventListener和attachEvent的区别
    MVC中实现Area几种方法
    Entity Framework Code First 中使用 Fluent API 笔记。
    自定义JsonResult解决 序列化类型 System.Data.Entity.DynamicProxies 的对象时检测到循环引用
    序列化类型 System.Data.Entity.DynamicProxies 的对象时检测到循环引用
    An entity object cannot be referenced by multiple instances of IEntityChangeTracker 的解决方案
    Code First :使用Entity. Framework编程(8) ----转发 收藏
    Code First :使用Entity. Framework编程(6) ----转发 收藏
    Code First :使用Entity. Framework编程(5) ----转发 收藏
  • 原文地址:https://www.cnblogs.com/leiyu1905/p/14913111.html
Copyright © 2011-2022 走看看