<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gbk">
<title></title>
<style type="text/css">
#myCanvas{
	background:red;
	width:200px;
	height:100px;
	
}

</style>
</head>
<body>
<canvas id="myCanvas">该浏览器不支持H5的画布标记!</canvas>
</body>
</html>

 

 

<!DOCTYPE html>
<html>
<head>
<meta charset='gbk'>
<title></title>
<style type="text/css">
header,nav,article,footer{
	border:solid 1px #666;
	padding:10px;
	margin:6px;
	}
	header{width:500px}
	
	nav{
	float:left;
	width:60px;
	height:100px
	}
	
	article{
	float:left;
	width:406px;
	height:100px
	}
	
	footer{
	clear:both;
	width:500px
	}
</style>
</head>

<body>
<header>导航</header>
<nav>菜单</nav>
<article>内容</article>
<footer>底部说明</footer>
</body>
</html>

  

posted on 2015-09-21 11:12  小白闯天下  阅读(165)  评论(0编辑  收藏  举报