需要用iframe标签
先把用到的标签样式写出来再分析
<!DOCTYPE>
<html>
<head>
</head>
<body>
<iframe src="top.html" width="100%" height="464" scrolling="no"></iframe>
<iframe src="main.html" width="100%" height="800" scrolling="no"></iframe>
<!-- 其实这里应该是主体展示的内容，不同页面不一样，我们现在只把头部和底部单独拿出来讲解分析 -->
<iframe src="foot.html" width="100%" height="147" scrolling="no"></iframe>
</body>
</html>
一、我们看一下多个html文件
这里，把头部top.html和底部foot.html两个单独写出来了，接下来就是如何把他们都写在index.html里面，确保在浏览首页的时候，页面调取正常
二、再看一下写在index.html里的位置和样式
中间是主体展示内容
三、需要注意的就是，调取top.html和foot.html的时候要给width值和height值
不然，默认只会调出来左上角的一小块内容
总结一下：
单独的top.html和foot.html里面的样式，页要保证完整性，截图说明
要确保这样的结构正常，而不是单单红框里的内容
在HTML中，让两个DIV在同一行显示,就是通过float属性来设置的，可以通过设置3个div，然后第一个div包裹住其他2个div，然后在设置宽高就可以了，提交一段代码：
<html>
<head>
<title>DIV的同行测试</title>
</head>
<body>
<div>
<div style='flaot:leftwidth:330pxheight:200px'>
<p>左边的固定测试文字</p>
</div>
<div style='flaot:leftwidth:330pxheight:200px'>
<p>右边的固定测试文字</p>
</div>
</div>
</body>
</html>
超文本标记语言， 标准通用标记语言下的一个应用。“ 超文本 ”就是指页面内可以包含图片、 链接，甚至音乐、 程序等非文字元素。超文本标记语言的结构包括 “头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的 具体内容。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）