[footer.html]<footer> 这是底部 </footer>
[header.html]
<style> .nav ul{ overflow: hidden; } .nav ul li{ float:left; margin:0 20px; } </style> <nav class='nav'> <ul> <li>首页</li> <li>课程详情</li> <li>视频教程</li> <li>关于我们</li> </ul>
</nav>
[index.html]
<body> {% include "common/header.html" %} <div class="content"> 中间的 </div> {% include "common/footer.html" %} </body>
[.py]
@app.route('/') def hello_world(): return render_template('index.html')

本文介绍了一个简单的网页布局案例,包括使用HTML和CSS构建的基本导航栏和页面结构。通过内联样式定义了导航栏的样式,并展示了如何通过{% include %}
1035

被折叠的 条评论
为什么被折叠?



