网页页脚是网页底部的最后一块内容。页脚可以包含任何类型的HTML内容，包括文本、图像和链接。在本系列的最后一个教程中，我们将使用<footer>元素为我们的网页创建以下基本页脚：
首先，将以下代码片段粘贴在</div>结束标记之后和</Body>结束标记之前：
1. . .
2<!--Footer-->
3<footer style="height:auto; background-color:#F7C201;">
4 <h1><Made with 🤍 at DigitalOcean</h1>
5</footer>
6. . .
在这段代码中，<！--footer-->是浏览器不会读取的注释，用于帮助组织我们的html文件，以便于人类阅读。在这条评论下面，我们有
添加了一个<footer>元素，指定了它的背景颜色，并使用style属性设置了它的高度，以自动调整到里面的内容。<footer>元素是_语义_元素，因为它的名称告诉开发人员内容的目的。这对开发人员以及使用屏幕阅读器的站点访问者都很有帮助。否则，<footer>元素的工作方式就像[<element](https://andsky.com/tech/tutorials/how-to-use-a-div-the-html-content-division-element).>
我们还在<h1>元素中添加了文本内容和表情符号。请随意更改此文本内容，并使用您选择的消息和表情符号。
保存文件并在浏览器中重新加载以检查结果。你应该会收到这样的东西：
请注意，我们的页脚内容与演示站点中的内容不太一样。我们的页脚内容有一个白色的下边距，文本有不同的样式。要删除底部页边距并设置文本样式，请将突出显示的属性添加到<h1>元素，如下所示：
1<h1 style="color:white; padding:40px; margin:0; text-align:center;"Made with 🤍 at DigitalOcean</h1>
保存文件并在浏览器中重新加载。您现在应该有一个页脚，其样式与本教程顶部所示的演示站点的样式相同。
在本教程中，您学习了如何创建页脚和设置页脚样式。现在，您可以使用本教程系列中的元素向页脚添加不同类型的内容和样式。