HTML5-网页排版划分

来源:互联网 发布:centos软件包管理器 编辑:程序博客网 时间:2024/05/19 16:21
/* *Copyright (c) 2017,烟台大学计算机学院 All rights reserved. *文件名称:关于HTML的练习*作    者:张晴晴 *完成日期:201711月5日 *版 本 号:v1.0  * *问题描述:HTML5的新特性 *输入描述: 无*程序输出: 无*/  <!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style>    body{height:700px;}header{width:100%;background:#093;height:10%}aside{width:20%;background:#F90;height:80%;float:left}article{width:80%;background:#06F;height:80%;float:left}footer{width:100%;background:#F30;height:10%;float:left}</style></head><body><header>我是头部</header><aside>aside</aside><article>article</article><footer>我是底部</footer></body></html>

运行结果:




原创粉丝点击