footer在html中怎么用

作者：整整ー世♂陰霾そ发布日期:2025-08-24 浏览:127

<!DOCTYPE html>
<html>
<head>
    <title>Footer 示例</title>
    <style>
        footer {
            background-color: #f8f9fa;
            padding: 10px;
            text-align: center;
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <header>
        <h1>页面标题</h1>
    </header>

    <main>
        <p>这是页面的主要内容。</p>
    </main>

    <footer>
        <p>这是页面的底部信息，通常包含版权、联系信息等。</p>
    </footer>
</body>
</html>

解释说明：

<footer> 标签用于定义文档或页面的页脚部分。它可以包含版权信息、链接、地址等内容。
在上面的示例中，<footer> 标签位于页面的底部，并且通过 CSS 设置了一些样式，使其看起来更美观。
background-color 设置了背景颜色，padding 添加了内边距，text-align 居中对齐文本，margin-top 设置了顶部外边距以增加与上部内容的距离。

上一篇：html select多选

下一篇：html网站