HTML代码教程
【HTML教程】HTML的footer标签|html入门知识
时间: 2025-01-31 10:53:23 浏览次数:11
常用的html标签汇总、以及操作过程中的一些bug问题解决方法,以下龙腾飞网络科技-小吴在建站实操中笔记记录,一路走来,一步步学习、总结、整理的一些资料,不用死记硬背,保存使用非常方便,实操过程中遇到了就查询搜索一下,实践出真章,做多了自然就熟悉了:【定义和用法】footer 标签定义文档或小节的页脚。footer 元素

常用的html标签汇总、以及操作过程中的一些bug问题解决方法,以下龙腾飞网络科技-小吴在建站实操中笔记记录,一路走来,一步步学习、总结、整理的一些资料,不用死记硬背,保存使用非常方便,实操过程中遇到了就查询搜索一下,实践出真章,做多了自然就熟悉了:


【定义和用法】

footer 标签定义文档或小节的页脚。

footer 元素通常包含:

作者信息、版权信息、联系信息、站点地图、返回顶部链接、相关页面

您可以在一个文档中包含多个 footer 元素。


【实例】

例子 1

文档中的页脚部分:

<footer>
  <p>作者:龙腾飞网络科技</p>
  <p><a href="mailto:bill@gzlongtengfei.com">bill@gzlongtengfei.com</a></p></footer>


例子 2

使用 CSS 设置 footer 的样式:

<html><head><style>footer {
  text-align: center;
  padding: 3px;
  background-color: DarkSalmon;
  color: white;}</style></head><body><footer>
  <p>作者:龙腾飞网络科技<br>
  <a href="mailto:bill@gzlongtengfei.com">bill@gzlongtengfei.com</a></p></footer></body></html>


【默认的 CSS 设置】

大多数浏览器将使用以下默认值来显示 footer 元素:

footer {
  display: block;}


友情链接: 知识付费 | EDU指南导航 | 小程序开发 | 上网行为管理 | 小程序开发公司 | 企业财务服务 | 职校招生网 |
Copyright©2011 Guangzhou Longtengfei Network Technology Co., Ltd. 广州龙腾飞网络科技有限公司 粤ICP备18029205号 XML地图 | 系统开发专题地图