<html>
<head>
<meta charset="utf-8">
<title>页面布局相关的标签-14个</title>
</head>
<body>
<hgroup><h1>页面布局相关的标签</h1><h2>总计14个</h2></hgroup>
<hr>
<main style="border-style:solid;width: 600px;height: 680px; position:absolute;z-index: -1;">这是主体区域main
<header style="background-color: yellow;width: 600px;height: 100px;">这是头部区域header</header>
<nav style="background-color: pink;width: 600px;height: 50px;">这是导航区域nav</nav>
<aside style="background-color: cadetblue;width: 200px;height: 400px;float: left">这是边栏区域aside<br><br><br>
<iframe src="http://www.zhywprogram.com" width="200" height="200"></iframe>
</aside>
<article style="background-color: gray;width: 400px;height: 400px;float: left">这是文章区域article
<div style="background-color:purple;height: 50px;">这是文章标题div区域
<span style="background-color:red;">span标记区</span></div>
<figure style="background-color:cyan;height: 200px;"><figcaption>这是数字区块figure。</figcaption></figure>
</article>
<section style="background-color:green;width: 400px;height: 100px;position: absolute;z-index:2;right: 0;top: 466px">这是部分区域section</section>
<footer style="background-color: blue;width: 600px;height: 100px;float: left">这是底部区域footer</footer>
</main>
</body>
</html>
页面布局相关的标签
总计14个
这是主体区域main
这是文章区域article
这是文章标题div区域span标记区
这是数字区块figure。