第20章 HTML5的大纲

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5的大纲</title>
</head>
<body>
<header>
	<h1>HTML5的大纲</h1>
    <nav>
    	<ul>
        	<li><a href="###">首页</a></li>
            <li><a href="###">内容页</a></li>
            <li><a href="###">联系我们</a></li>
        </ul>
    </nav>
</header>
<article>
	<hgroup>
    	<h1>文章主标题</h1>
        <h2>文章子标题</h2>
    </hgroup>
    <p>文章正文</p>
    <section>
    	<h1>文章评论列表</h1>
        <article>
        	<h1>评论标题A</h1>
            <p>评论内容A</p>
        </article>
        <article>
        	<h1>评论标题B</h1>
            <p>评论内容B</p>
        </article>
    </section>
</article>
<footer>
	<small>备案信息</small>
</footer>
</body>
</html>

 

效果图:
第20章 HTML5的大纲_第1张图片
 

 

 

你可能感兴趣的:(第20章 HTML5的大纲)