HTML Footer 是网页底部的区域，通常用于显示版权信息、联系方式、网站地图等，在 HTML 中，可以使用 <footer> 标签来创建 Footer，以下是一个简单的 HTML Footer 示例：
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>网页标题</title>
</head>
<body>
<!-- 网页内容 -->
<footer>
<p>版权所有 © 2022 公司名称</p>
<p>联系电话：123456789</p>
<p>邮箱：example@example.com</p>
</footer>
</body>
</html>
在这个示例中，我们使用 <footer> 标签创建了一个 Footer，并在其中添加了三个段落（<p>）元素，分别显示版权信息、联系电话和邮箱地址，这些信息可以根据实际需求进行修改。
除了基本的文本内容外，还可以在 Footer 中添加其他元素，如图片、链接等，可以在 Footer 中添加一个网站地图的链接：
<footer>
<p>版权所有 © 2022 公司名称</p>
<p>联系电话：123456789</p>
<p>邮箱：example@example.com</p>
<p><a href="sitemap.html">网站地图</a></p>
</footer>
在这个示例中，我们在 Footer 中添加了一个名为 "网站地图" 的链接，点击该链接将跳转到名为 "sitemap.html" 的页面，同样，这个链接可以根据实际需求进行修改。
还可以为 Footer 添加样式，以使其更具吸引力，可以设置背景颜色、文字颜色、边距等，以下是一个简单的 CSS 样式示例：
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>网页标题</title>
<style>
footer {
background-color: #f1f1f1;
padding: 20px;
text-align: center;
color: #333;
}
</style>
</head>
<body>
<!-- 网页内容 -->
<footer>
<p>版权所有 © 2022 公司名称</p>
<p>联系电话：123456789</p>
<p>邮箱：example@example.com</p>
<p><a href="sitemap.html">网站地图</a></p>
</footer>
</body>
</html>
在这个示例中，我们为 Footer 添加了一些简单的样式，包括背景颜色、内边距、居中对齐和文字颜色，这些样式可以根据实际需求进行调整。