本文主要是介绍html之frameset页面布局，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
使用frameset进行系统页面布局要生成的效果如下：
建立个主页面 index.html
frameborder：设置是否显示框架的边框 yes是显示，no是不显示
rows：横向分割页面 30%，30（或30px）,*
cols：纵向分割页面
注意：frameset标签没在body标签里面
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>主页面</title></head><frameset rows="100,*" frameborder="yes"><frame src="top.html" /><frameset cols="150,*" frameborder="yes"><frame src="left.html" /><frame src="main.html" name="right" /></frameset></frameset><body></body>
</html>
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>top页面</title></head><body><h2>top</h2></body>
</html>
left.html
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>left页面</title></head><body><ul><li><a href="a.html" target="right">查询类别</a></li><li>添加类别</li></ul></body>
</html>
系统注意内容 main.html
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>主页面</title></head><body><h2>主页面</h2></body>
</html>
a.html
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>查询类别页面</title></head><body><h2>查询类别页面</h2></body>
</html>
这篇关于html之frameset页面布局的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
