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 %}
    

      

  • 相关阅读:
    变态跳台阶
    循环删除元素,返回最后一个被删除元素的下标
    阿拉伯数字转中文大写
    最长相同子串
    最多购买种类
    win10 64位 安装scrapy
    requests+正则爬取猫眼电影前100
    Django forms表单 select下拉框的传值
    更改静态图片后,前端依旧显示之前的图片
    阿里云远程连接CentOS
  • 原文地址:https://www.cnblogs.com/Sun584125503/p/7778655.html
Copyright © 2011-2022 走看看