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

  • 相关阅读:
    【Git&GitHub idea中使用Git 03】
    【Git&GitHub 本地库和远程库交互 02】
    【Git&GitHub 本地库操作 01】
    C Primer Plus学习笔记【11章节】
    Python包,模块理解,以及通过元类自动化注册属性。
    pandas.DataFrame.from_dict的使用介绍
    C Primer Plus学习笔记 第10章 编程练习
    CMOS与BIOS的区别(转帖)
    Python 元类详解 __new__、__init__、__call__[补充说明]
    Python 元类详解 __new__、__init__、__call__[收官之作]
  • 原文地址:https://www.cnblogs.com/leiyu1905/p/14913111.html
Copyright © 2011-2022 走看看