HTML5-网页排版划分
2023-09-27 14:27:30 时间
/*
*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>
运行结果: