html5网页大纲demo实例

最新推荐文章于 2021-12-31 20:07:07 发布

打不死滴小强

最新推荐文章于 2021-12-31 20:07:07 发布

阅读量1.5k

点赞数 1

分类专栏： html5/css相关文章标签： html5 网页大纲 demo

本文链接：https://blog.csdn.net/u012859748/article/details/52504996

版权

html5/css相关专栏收录该内容

26 篇文章 0 订阅

订阅专栏

直接上代码：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>网页大纲DEMO</title>
</head>
<body>
<header>
    <h1>网页大纲DEMO</h1>
    <nav>
        <ul>
            <li><a href="index.html">首页</a> </li>
            <li><a href="index.html">内容页</a> </li>
            <li><a href="index.html">联系我们</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>winson版权所有</small>
</footer>
</body>
</html>

附上网页效果图