单页模板html_HTML输入

，，，，单页模板，，，，，

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF8">
    <meta name="viewport" content="width=devicewidth, initialscale=1.0">
    <title>单页模板</title>
    <style>
        body {
            fontfamily: Arial, sansserif;
            lineheight: 1.6;
            margin: 0;
            padding: 0;
        }
        header {
            backgroundcolor: #f4f4f4;
            padding: 20px;
            textalign: center;
        }
        nav {
            display: flex;
            justifycontent: spacearound;
            backgroundcolor: #333;
            padding: 15px;
        }
        nav a {
            color: #fff;
            textdecoration: none;
            padding: 5px;
        }
        nav a:hover {
            backgroundcolor: #555;
        }
        section {
            padding: 20px;
        }
        footer {
            backgroundcolor: #333;
            color: #fff;
            textalign: center;
            padding: 10px;
        }
    </style>
</head>
<body>
    <header>
        <h1>欢迎来到我的网站</h1>
    </header>
    <nav>
        <a href="#">首页</a>
        <a href="#">关于我们</a>
        <a href="#">产品</a>
        <a href="#">联系我们</a>
    </nav>
    <section>
        <h2>关于我们</h2>
        <p>这里是关于我们的一些介绍。</p>
    </section>
    <section>
        <h2>产品</h2>
        <p>这里是我们的产品介绍。</p>
    </section>
    <section>
        <h2>联系我们</h2>
        <p>如果您有任何问题，请随时联系我们。</p>
    </section>
    <footer>
        版权所有 &copy; 2022 我的网站
    </footer>
</body>
</html>