效果图
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="keywords" content="Mypetshop, XHTML5"/>
<meta name="description" content="XHTML5页面示范"/>
<meta name="author" content="ssgwcyxxd@126.com, 阿毛"/>
<meta http-equiv="refresh" content="3"/>
<title>认识常用的XHTML5元素</title>
<style type="text/css">
aside{ float: left; width: 15%;}
section { float: right; width: 85%;}
footer { clear: both; }
</style>
</head>
<body>
<header>
<h1 style="background-color: #c0c0c0">网站Logo</h1>
</header>
<aside>
<nav style="background-color: #c0c0c0">
<a herf="Default.aspx">介绍</a><br/>
<a herf="Database.aspx">数据库设计</a>
</nav>
</aside>
<section>
<h3>Mypetshop</h3>
<article>
MyPetshop是本书提供的一个Web应用程序,用来展示基于ASP.NET三层架构的Web应用程序开发技术。
</article>
<article>
<h4>功能模块</h4>
MyPetshop包括前台商品浏览、用户管理、购物车、订单结算、后台管理等模块。
</article>
</section>
<footer style="background-color: #c0c0c0">Copyright 2021 MyPetshop
</footer>
</body>
</html>