想要达到的样子呢就是这样的



点击左边的tab可以切换右边frame页面

实现这个的话，首先得有一个大的html文件作为容器承载左边的菜单栏和右边的显示栏，然后左边的菜单栏也是一个html文件，右边有三种显示样式，就得五个html文件，为了区别我们分别将其取名为framea(右边要显示的第一个页面)  frameb(右边要显示的第二个页面)framec(右边要显示的第三个页面)   mainframe（父容器）   contentframe（左边的菜单页面）

首先是我们的菜单页面，布局很简单，就是三个a标签，指示着三个超链接

<html>
	
	<body>	
		<a href = "framea.html" target = "showframe">frameA</a></br>

		<a href = "frameb.html" target = "showframe">frameB</a></br>
		<a href = "framec.html" target = "showframe">frameC</a></br>
	</body>
</html>

假定第一次打开页面时，显示的是页面framea，那么我们的父容器就应该这么写 

<html>


<frameset cols= "20%,80%" width = "960px" noresize = "true">
	
	<frame src = "framec_content.html" >		
	<frame src = "framea.html" name = "showframe" >	
</frameset>
</html>
frameset是来控制里面的frame标签的，cols表示水平布局，左边占20%的空间，右边占80%的空间，noresize属性为false，设置了不允许鼠标的拖动改变左右两个布局的大小。当几个html文件放在同一个目录下时，我们指定其资源目录才能这么写，在给第二个frame指定资源后，给它一个name，这样在我们的菜单页点击超链接后，打开页面的target指向他即可了，不然我们点击超链接，页面会在菜单所在的那个位置打开，达不到我们想要的效果。

接下来是framea，很简单 只是给了个背景颜色加以区分就ok了

<html>
	
	<body bgcolor = "red">	
FrameA
	</body>
</html>
frameb也是如此 

<html>
	
	<body bgcolor = "blue">	
FrameB
	</body>
</html>

framec 

<html>
	
	<body bgcolor = "yellow">	
FrameC
	</body>
</html>
最后要做的就是把这几个html文件放在同一个目录下，用浏览器打开mainframe就可以达到我们想要的效果了。








ps：小弟也是初学html，如果有哪些言论不准确或者错误的地方，烦请各位大神不吝赐教



# html
Logo
向您推荐>>Eolink开发者社区

权威｜前沿｜技术｜干货｜国内首个API全生命周期开发者社区

更多推荐

ELK实现containerd的容器日志采集展示【基于logging的全栈监测】

企业级ELK Stack构建介绍

avatar 云原生

深入理解 Mocha 测试框架：从零实现一个 Mocha

前言什么是自动化测试自动化测试在很多团队中都是Devops环节中很难执行起来的一个环节，主要原因在于测试代码的编写工作很难抽象，99%的场景都需要和业务强绑定，而且写测试代码的编写工作量往往比编写实际业务代码的工作量更多。在一些很多业务场景中投入产出比很低，适合写自动化测试的应该是那些中长期业务以及一些诸如组件一样的基础库。自动化测试是个比较大的概念，其中分类也比较多，比如单元测试，端对端测试，集

avatar 云原生

(20200916 Solved)docker-compose up创建容器自动退出

问题描述如题，创建容器后自动退出了。并且docker start container无效解决方案原因是缺失了控制终端的配置，需要在docker-compose.yml中增加tty:true ，有时候这样也不行，需要再增加一个command:/bin/bash，命令不一定是这个，需要是一个不会退出的命令，然后用-d后台启动容器。Referencesdocker-compose启动容器后自动退出...

avatar 云原生