html如何写页脚

admin
行业动态
2024-03-31
3151

在HTML中，可以使用<footer>标签来创建页脚，以下是一个简单的示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF8">
    <meta name="viewport" content="width=devicewidth, initialscale=1.0">
    <title>页脚示例</title>
</head>
<body>
    <header>
        <!在这里添加页面头部内容 >
    </header>
    <main>
        <!在这里添加页面主体内容 >
    </main>
    <footer>
        <h2>关于我们</h2>
        <p>公司简介：这是一个专注于提供高质量产品和服务的公司。</p>
        <ul>
            <li><a href="mailto:info@example.com">联系我们</a></li>
            <li><a href="https://www.example.com">网站</a></li>
        </ul>
        <h2>关注我们</h2>
        <ul>
            <li><a href="https://www.facebook.com/yourcompany" target="_blank">Facebook</a></li>
            <li><a href="https://www.twitter.com/yourcompany" target="_blank">Twitter</a></li>
            <li><a href="https://www.linkedin.com/company/yourcompany" target="_blank">LinkedIn</a></li>
        </ul>
    </footer>
</body>
</html>

在这个示例中，我们使用了<header>和<main>标签来表示页面的头部和主体部分，在<footer>标签内，我们添加了两个小标题（<h2>标签）和一个单元表格（<ul>标签），用于展示关于我们和关注我们的信息。