框架集frameset学习笔记

最新推荐文章于 2020-07-23 16:40:13 发布

wuyanwenyun

最新推荐文章于 2020-07-23 16:40:13 发布

阅读量155

点赞数

分类专栏： HTML学习文章标签：框架集frameset学习笔记

本文链接：https://blog.csdn.net/wuyanwenyun/article/details/102658118

版权

HTML学习专栏收录该内容

4 篇文章 0 订阅

订阅专栏

1、先写登录界面，运行的时候从登录界面开始运行。（最开始简单代码都从中文开始的，今天和之前发的都是以前的笔记，所以都是中文命名，现在已经改正了。）

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<!--先将整个界面分成了上下两部分，*代表剩下的所有部分-->
	<frameset rows="20%,*">
	
		<!--上部分-->
		<frame src="index.html"/>
		
		<!--
		先将下部分分成了三个部分，*代表剩下的所有部分
		src是已有的一个HTML，另外两部分name做定位用
		-->
		<!--下部分-->
		<frameset  cols="15%,*,50%">
			<frame src="左侧.html"/>
			<frame name="right"/>
			<frame name="img" />
			
		</frameset>
	</frameset>
</html>

2、上部分的界面

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<!--只简单的显示了一句话-->
		<h3>welcom to this page</h3>
	</body>
</html>

3、左侧的界面

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>左侧的界面</title>
	</head>
	<body>
		<!--这里用了一个列表，详见HTML学习笔记的列表标签-->
		<ol>
			<li>
				<!--这里都是随便引用的链接，都是之前写的随便复制了几个的，只要复制到同一个项目里就可以了-->
				<!--重点在target，target的值是在登录界面中自定义写的，作用是在目标位置打开
				常见的还有：
				_self 同窗口打开
				_blank 在新的空白页显示
				_parent 当前窗口打开
				_top 顶端打开窗口
				-->		
				<a href="6.超链接应用.html" target="right"> 超链接</a>
			</li>
			<li>
				<a href="7.列表标签.html" target="right"> 列表</a>
			</li>
			<li>
				<a href="img/电影1.png" target="img">电影图片</a>
			</li>			
		</ol>
	</body>
</html>