frameset佈局

1,新建html,刪除body,添加一下內容 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
	</head>
	<frameset rows="100px,*">
		<frame src="header.html" />
		<frameset cols="100px,*">
			<frame src="left.html" />
			<frame name="content" />
		</frameset>
	</frameset>
</html>

2.header。html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		我是header
	</body>
</html>

3.left.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<a  href="content1.html" target="content">連接1</a><br>
		<a  href="content2.html" target="content">連接2</a>	
	</body>
</html>

 4 content1.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		我是content1
	</body>
</html>

 5 content2

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		我是content2
	</body>
</html>

6效果

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章