如何制作 HTML 页脚

2025 年 3 月 25 日 | 阅读 3 分钟

在 HTML 中,我们可以使用以下两种不同的方法轻松地在文档中制作页脚,以便在网页上显示

  1. 使用 Html 标签
  2. 使用内部 CSS

使用 Html 标签

如果我们要使用 Html 标签在 Html 文档中制作页脚,那么我们必须遵循以下步骤。使用这些步骤,我们可以在浏览器中轻松地在网页上查看页脚

步骤 1: 首先,我们必须在任何文本编辑器中输入 Html 代码,或者在我们要使用 Html 制作页脚的文本编辑器中打开现有的 Html 文件。

步骤 2: 现在,我们必须将光标放置在要插入页脚的文本的开头。然后,在该位置键入 <footer> 标签

步骤 3: 之后,我们必须关闭 </footer> 标签。

步骤 4: 最后,我们必须保存 Html 文件,然后在浏览器中运行该文件。

上述 HTML 代码的输出显示在以下屏幕截图中

How to make a Footer in Html

使用内部 CSS

如果我们要使用 内部层叠样式表 在 Html 文档中制作页脚,那么我们必须遵循以下步骤。使用这些步骤,我们可以轻松地制作一个时尚的页脚

步骤 1: 首先,我们必须在任何文本编辑器中输入 Html 代码,或者在我们要使用内部 CSS 制作页脚的文本编辑器中打开现有的 Html 文件。

步骤 2: 现在,我们必须将光标放置在 Html 文档中 head 标签 中,紧邻 title 标签的闭合之后,然后定义 <style> 标签 的起始和闭合标签,如下面的块所示。

步骤 3: 现在,我们必须制作一个具有不同属性的页脚类。

步骤 4: 然后,我们必须在 <div> 标签 中定义相同的类,该类是在内部 CSS 中制作的。

步骤 5:最后,我们必须保存 HTML 文件,然后在浏览器中运行该文件。

上述 HTML 代码的输出显示在以下屏幕截图中

How to make a Footer in Html