<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>head</title>
</head>
<body>
<header>
<h1>网页标题</h1>
</header>
<article>
<header>
<h1>文章的标题</h1>
</header>
<p>文章的内容</p>
</article>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
*{
margin:0;
padding:0;
}
body{
font-family:微软雅黑；
text-align:center;
}
a{
color:orange;
text-decoration: none;
}
hgroup{
margin-bottom: 10px;;
}
nav{
background: orange;
height:48px;
}
nav li{
float:left;
background-color: #000000;
border-radius: 5px;
padding:5px 10px;
margin:10px;
list-style: none;
}
</style>
</head>
<body>
<header>
<hgroup>
<h1>html5视频教程</h1>
<a href="#">[手机版]</a>
<a href="#">[网站论坛]</a>
</hgroup>
<nav>
<ul>
<li>
<a href="#">首页</a>
</li>
<li>
<a href="#">手机版</a>
</li>
<li>
<a href="#">网站论坛</a>
</li>
</ul>
</nav>
</header>
</body>
