必须为两个html的话只能使用框架,iframe。这个不推荐,属于废弃标签,百度不收录,而且移动浏览器不支持。
推荐方法:在同页面创建一个区域,通过Ajax方式进行交互。
怎么把一个html文件拆分成多个html小文件(独立文件)?
需要能读出文件内容和创建文件的语言,比如php读出文件中的内容后就按分割字符分段储存为html文件格式的文件就可以,命名可以按照分段顺序来。
Html怎么把一个页面分成上中下三部分,中间和下面再分成左右两部分。
<frameset rows=”20%,60%,20%”>
<frame src=”top.html”>
<frameset cols=”20%,*”>
<frame src=”left.html”>
<frame src=”right.html”>
</frameset>
<frameset cols=”50%,*”>
<frame src=”left1.html”>
<frame src=”rigth1.html”>
</frameset>
</frameset>
扩展资料:
注意事项
用frame的好处在于不用象DIV一样要对浮动和大小进行精确控制,以及要考虑宽屏的时候怎么办,而且在导航的时候非常简单。
比如说左边是导航栏,右边是显示内容的frame,如果用DIV,每点一下导航栏进行一次页面跳转,那每个页面里都要有左边的导航栏,这样代码的复用性不高,如果用frame,只要将导航放在左边frame,在点击链接时,只需要将链接的target指向右边的内容显示frame就OK了。
<frameset rows=”80px,*,20px” border=”0″ frameborder=”0″ framespacing=”0″ marginwidth=”0″ marginheight=”0″>
<frame name=”header” src=”header.htm” scrolling=”no”>
<frameset cols=”200px,*” border=”0″ frameborder=”0″ framespacing=”0″>
<frame name=”menu” src=”menu.html” scrolling=”auto”>
<frame name=”main” src=”home.html” scrolling=”auto”>
</frameset>
<frame name=”footer” src=”footer.htm” scrolling=”no”>
</frameset>
<noframes>
<body>
</body>
</noframes>
html 怎么把网页分块,div
1、启动dreamweaver cs5,在弹出的对话框窗口中选择html,进入主界面编辑区域。
2、接着对网页的整个布局在草纸上绘制下来,做到心中有数,主要分成那几个模块。主要有脚注、菜单导航、主体、导航条四大部分。
3、接着点击设计进入设计状态,在代码区域书写整体框架的css,即
#ztkj{width:80%;
boder:1px solid #000000;
height:800px;}
在body里添加<div id=”ztkj”></div>即可在下面看到整体框架。
4、接着在书写导航条代码,即
#dht{padding:10px;
boder:1px solid#000000;
background-color:#a2a2ff;}
在第一个div中输入<div id=”dht”></div>,查看效果变化。
5、书写主体内容的代码,即
#ztnr{
float:left;width:60%;
height:600px;boder:1px solid #000000;
text-align:center;
margin-light:10px;
margin-left:10px;}
在整体框架中输入<div id=”ztnr”>主体内容</div>,查看效果
6、书写菜单导航代码
#cddh{
float:right;
margin-right:10px;
width:35%;boder:1px #a2a2ff;
height:600px;}
接着在整体框架中输入代码<div id=”cddh”>菜单导航</div>
7、书写脚注的代码
#jz{
padding:10px;
boder:3px #a2a2ff;
text-algin:center;
clear:both;
margin-top:20px;}
在整体框架中输入代码<div id=”jz”>脚注</div>查看效果。
8、这样大体框架就制作出来了,按f12进行查看效果,效果不好需要进一步修改代码。把边框设置出来,把所有的boder进行修改为border:solid 5px #fcc;
9、由于整个框架不在中间位置,需要修改让其居中对齐,所以要在ztkj中添加一条语句margin:auto;
10、这样整个框架就出来,在实际的使用过程中要根据自己的需要进一步调整,执行文件-另存为命令,将网页保存就完成了。
HTML单个文件代码太长,怎么拆分成多个小文件
把其中的 块块 取出来 作为 单独 的 .html, 然后 用
<iframe src=”a02.html”></iframe>
<iframe src=”a03.html”></iframe>
<iframe src=”a0i.html”></iframe>
包含进来就可以了。
所谓块,就是 不要把成对的 tag 拆分开来。
例如 <table> …</table> 不要把<table> 拆在 a02, 而 </table>拆到a03.