HTML--页⾯分割
html frame页⾯分割排版,最终效果图⽰:(⼿绘,⽐较简陋。)
思路。⼀共四个html页⾯,⼀个做个⽗页⾯home.html,另外三个分别是top.html, left.html, right.html 然后把后⾯三个html页⾯拼在⼀起,放在⽗页⾯home.html⾥⾯进⾏显⽰。
下⾯是代码展⽰:
home.html 代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>页⾯分割</title>
</head>
<frameset rows="15%,*"> <!--把页⾯分成上下两部分,上部分占15%,下部分*表⽰占据其余部分-->
<frame src="top.html" name="top"></frame><!--上半部分要显⽰的页⾯-->
<frameset cols="15%,*"><!--把页⾯分成左右两部分,左部分占15%,右部分*表⽰占据其余部分-->
<frame src="left.html" name="left"></frame><!--做半部分要显⽰的页⾯-->
<frame src="right.html" name="right"></frame><!--右半部分要显⽰的页⾯-->
</frameset>
</frameset>
</html>
注意:⽤了frameset元素,就不⽤body元素了。
其他页⾯代码根据⾃⼰需要写html代码
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论