请选择 进入手机版 | 继续访问电脑版

湖南新梦想

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 123|回复: 2

论如何在html中建立多个框架

[复制链接]

8

主题

12

帖子

58

积分

注册会员

Rank: 2

积分
58
发表于 2022-5-8 13:48:23 | 显示全部楼层 |阅读模式
哈喽大家好,这里是没有什么技术但是又要舔着个脸写技术论坛的牛牛,今天我们要来讲什么呢,来讲一下,怎么在HTML当中建立多个窗口,实现窗口各干各的事情。
那就让我们看下面的代码把,我都会在代码中进行注释的:
左右分为两个框架
<html>                    
<head></head>    <!--因为<frameset>和<body>不能共存,所以这边把body删除-->
<frameset  cols=50%,*>   <!--这边的意思就是把html界面分为左百分之五十,右百分之五十-->
<frame src=url></frame><!--这是属于左边的窗口,url可以写入任何你想挂入的域名-->
<frame src=url></frame><!--这是属于右边窗口,url可以写入任何你想挂入的域名-->
</frameset><!--frameset是属于有头有尾的标签.这边是关闭frameset标签-->
</html>

上下分为两个框架
<html>                    
<head></head>    <!--因为<frameset>和<body>不能共存,所以这边把body删除-->
<frameset  rows=50%,*>   <!--这边的意思就是把html界面分为上百分之五十,下百分之五十-->
<frame src=url></frame><!--这是属于上边的窗口,url可以写入任何你想挂入的域名-->
<frame src=url></frame><!--这是属于下边窗口,url可以写入任何你想挂入的域名-->
</frameset><!--frameset是属于有头有尾的标签.这边是关闭frameset标签-->
</html>



那么我如何实现,上面一个窗口,下面两个窗口呢!
还是老样子我们先建立一个上下分为两个框架的,

<html>                    
<head></head>   
<frameset  rows=20%,*>   <!--这边的意思就是把html界面分为上百分之20,下百分之80-->
<frame src=url></frame><!--这是属于上边的窗口,url可以写入任何你想挂入的域名-->
<frameset cols=50%,*> <!--这边就是在上面分下来的80%的窗口中,再继续写入一个框架集,并且把这个框架集分为左右各50%-->
<frame src=url></frame> <!--这是属于下面左边的窗口大小为50%,url内可以写入任何域名-->  
<frame src=url></frame><!--这是属于下面右边的窗口,大小为50%,url内可以写入任何域名-->
</frameset><!--frameset是属于有头有尾的标签.这边是关闭中间的frameset标签-->
</frameset><!--frameset是属于有头有尾的标签.这边是关闭第一个frameset标签-->
</html>

这样一个多框架的html就建立好了,大家可以复制我的代码到html文件当中实验哦

回复

使用道具 举报

8

主题

12

帖子

58

积分

注册会员

Rank: 2

积分
58
 楼主| 发表于 2022-5-8 13:49:36 | 显示全部楼层
楼主,牛逼,169yyds
回复

使用道具 举报

8

主题

9

帖子

78

积分

注册会员

Rank: 2

积分
78
发表于 2022-5-8 13:56:02 来自手机 | 显示全部楼层
1178238658 发表于 2022-5-8 13:48
哈喽大家好,这里是没有什么技术但是又要舔着个脸写技术论坛的牛牛,今天我们要来讲什么呢,来讲一下,怎么 ...

沙发,学到了
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|湖南新梦想 ( 湘ICP备18019834号-2 )

GMT+8, 2022-5-26 09:39 , Processed in 0.043071 second(s), 19 queries .

Powered by Discuz! X3.4 Licensed

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表