zoukankan      html  css  js  c++  java
  • 加载静态文件,父模板的继承和扩展

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>base</title>
        {% block title %}
        {% endblock %}
        <link rel="stylesheet" href="../static/css/base.css" type="text/css">
        <script src="../static/js/base.js"></script>
        {% block head %}
        {% endblock %}
    </head>
    <body id="myBody">
    <nav>
    
        <img id="myOnOff" onclick="mySwitch()"
             src="http://pic.58pic.com/58pic/12/38/64/52Y58PICFWV.jpg" width="100"height="50">
        <a href="http://www.narutom.com/video/">首页</a>
        <input type="text">
        <button>查找</button>
        <button><a href="{{ url_for('login') }}">登陆</a></button>
        <button><a href="{{ url_for('regist') }}">注册</a></button>
        <img src="{{ url_for('static',filename='image/666.jpg') }}"alt=""width="50px">
    </nav>
    <div class="area">
    
    </div>
    
    
    <div class="area1">
        <div class="img">
            <a href="https://baike.baidu.com/item/%E6%BC%A9%E6%B6%A1%E9%B8%A3%E4%BA%BA/322717?fr=aladdin"><img
                    src="http://img3.imgtn.bdimg.com/it/u=1024789900,1375050730&fm=214&gp=0.jpg"></a>
            <div class="desc"><a href="https://baike.baidu.com/item/%E6%BC%A9%E6%B6%A1%E9%B8%A3%E4%BA%BA/322717?fr=aladdin">漩涡鸣人</a></div>
        </div>
        <div class="img">
            <a href="https://baike.baidu.com/item/%E5%AE%87%E6%99%BA%E6%B3%A2%E4%BD%90%E5%8A%A9">
                <img src="http://dl.bizhi.sogou.com/images/2012/04/17/232306.jpg"></a>
            <div class="desc"><a href="https://baike.baidu.com/item/%E5%AE%87%E6%99%BA%E6%B3%A2%E4%BD%90%E5%8A%A9">宇智波佐助</a></div>
        </div>
        <div class="img">
            <a href="https://baike.baidu.com/item/%E8%87%AA%E6%9D%A5%E4%B9%9F/7041?fr=aladdin">
                <img src="http://img3.imgtn.bdimg.com/it/u=3803389959,1787876432&fm=214&gp=0.jpg"></a>
            <div class="desc"><a href="https://baike.baidu.com/item/%E8%87%AA%E6%9D%A5%E4%B9%9F/7041?fr=aladdin">自来也</a>
            </div>
        </div>
    </div>
    
    <br>
    <br>
    {% block main %}{% endblock %}
    </body>
    </html>
    

      

    {% extends 'test.html' %}
    {% block title %}
    登陆
    {% endblock %}
    
    
    {% block main %}
        <h1>哈哈哈</h1>
    {% endblock %}
    

      

  • 相关阅读:
    分层图最短路(DP思想) BZOJ2662 [BeiJing wc2012]冻结
    动态规划 BZOJ1925 地精部落
    线性DP SPOJ Mobile Service
    线性DP codevs2185 最长公共上升子序列
    数位DP POJ3208 Apocalypse Someday
    线性DP POJ3666 Making the Grade
    杨氏矩阵 线性DP? POJ2279 Mr.Young's Picture Permutations
    tarjan强连通分量 洛谷P1262 间谍网络
    树链剖分 BZOJ3589 动态树
    二分图 BZOJ4554 [Tjoi2016&Heoi2016]游戏
  • 原文地址:https://www.cnblogs.com/Sun584125503/p/7778655.html
Copyright © 2011-2022 走看看