html网页共用头部和脚部,如何在HTML不同的页面中，共用头部与尾部？_html/css

一、asp语言和PHP语言

首先制作一个头部文件head.asp，或者一个底部文件foot.asp。如主页是index.asp，调用头部代码是在index.asp文件代码的开始位置(第一个标记后面，标记前面)增加如下代码：

调用共用底部文件代码是在index.asp文件代码的结束位置(最后一个标记前面)增加如下代码：

如果是PHP文件，文件名改为 footer.php即可。

二、html语言

制作一个共用头部文件head.htm或一个共用底部文件foot.htm。如主页文件是index.htm，调用头部和底部文件的方法是：在主页文件代码的开始位置和结束位置分别增加下面的代码：

比如下面的代码主页面：index.html

//主页面index.html

--------这里调用head.html页面，需要使用div包起来，否则样式会发生改变

单独存放的head.html代码如下：

css样式代码如下：

*{margin:0;padding:0;}body{background:white;position:relative;height:100%;color: #777;font-size: 13px;}img{border:none;display:block;}li{list-style:none;text-decoration: none;}.miaov_head{height:36px;width:100%;margin:0 auto;background: black;margin-bottom: 0px;}.miaov_head img{width: 30px ;height: 30px;margin-top: 0;margin-left: 130px;}.miaov_head ul{float: left;width:900px;height: 36px;margin-top: 0px;color: white;position: absolute;top: 0px;margin-left: 200px;}.miaov_head ul li{float: left;padding-left: 80px;margin-left: 0px;color: white;list-style: none; }.miaov_head ul li a{color: white;font-size: 14px;text-decoration: none;}.miaov_head input{position: absolute;top: 5px;margin-left: 1000px;width: 200px;height: 22px;}.miaov_head a{line-height:36px;color:#777;}.miaov_head a:hover{color:#555;}

三、script语言--推荐这种

制作一个共用头部文件head.js和一个共用底部文件foot.js。如主页文件是index.htm，调用头部和底部文件的方法是：在主页文件代码的开始位置和结束位置分别增加下面的代码:-------------------这里调用head.js

html网页共用头部和脚部,如何在HTML不同的页面中，共用头部与尾部？_html/css_WEB-ITnose...相关推荐

php怎么获取网页内的视频教程,PHP怎样用正则抓取页面中的网址
前言链接也就是超级链接,是从一个元素(文字.图片.视频等)链接到另一个元素(文字.图片.视频等).网页中的链接一般有三种,一种是绝对URL超链接,也就是一个页面的完整路径:另一种是相对URL超链接, ...
node.js ejs_如何在Node.js应用程序中使用EJS模板
node.js ejs by Jennifer Bland 詹妮弗·布兰德(Jennifer Bland) 如何在Node.js应用程序中使用EJS模板 (How to use EJS Templat ...
在不如意的世界里全力以赴_我如何在“外展之旅”中全力以赴
在不如意的世界里全力以赴 by Toni Shortsleeve 通过托尼·肖特里夫(Toni Shortsleeve) 我如何在"外展之旅"中全力以赴 (How I've abs ...
网页的一个页面中显示另一个页面
1.定义内联框架:HTML内联框架是为了实现在网页中显示网页,突出了内联二字,就是在一个网页中,我们能够控制在这个网页中用多大的框去显示另外一个网页,并且能通过CSS对其进行控制. 2.两种应用场景 ...
页面中常用的html元素,HTML网页的基本标签最常用的HTML标签
a.布局标签 div标签定义文档中的分区或节(division/section),可以把文档分割为独立的.不同的部分,主要用于布局. aside标签的内容可用作文章的侧栏. header标签定义页面的 ...
如何在HTML页面中插入百度地图
在网页制作时,如果想要把企业地址以地图的形式插入HTML页面中,可以通过百度地图轻松实现,当然,前提是注册百度账号并且通过实名认证网址:http://api.map.baidu.com/lbsapi ...
如何在10亿个整数中找出前1000个最大的数？
作者:vincent-duan,专注 Java,沉迷开源,架构师社区合伙人! 面试题目:如何在10亿个整数中找出前1000个最大的数. 我们知道排序算法有很多: 冒泡算法:通过两层for循环,外层第一 ...
小程序中自定义头部标题栏
小程序最开始只能全局定义头部标题栏,也就是说一旦你想某个页面自定义头部标题栏,那么所有的页面都需要重新定义(也就是所有页面都需要重写头部标题栏): 但现在新版本的微信已经开放了可以单页面自定义头部标题 ...
uniapp光标自动定义到文本框_如何在Mac上的照片应用中创建自定义日历
我花了很多时间为我最好的朋友考虑一份甜蜜的礼物.当我陷入沉思时,我想到了在Mac上使用"照片"应用制作自定义日历的想法.告诉你什么:我的朋友真的很喜欢个性化的日历,上面装饰着令人难 ...

html网页共用头部和脚部,如何在HTML不同的页面中，共用头部与尾部？_html/css_WEB-ITnose...

html网页共用头部和脚部,如何在HTML不同的页面中，共用头部与尾部？_html/css_WEB-ITnose...相关推荐

最新文章

热门文章