Day.12.26 HTML框架案例
2016-12-26 本文已影响11人
挂树上的骷髅怪
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> 首页 </title>
</head>
<frameset rows="100px,*" frameborder="0">
<!--
scrolling="no" 去掉滑动条
noresize 表示不可调动分割
-->
<frame src="top.html" noresize scrolling="no">
<frameset cols="200px,*">
<frame src="left.html">
<frame src="right.html" name="right_frame">
</frameset>
</frameset>
</html>
top.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> top</title>
</head>
<body style="text-align:center">
<img src="title.jpg">
</body>
</html>
left.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> left </title>
</head>
<body bgcolor="#FF9999">
<!--
<a href="right.html" target="right_frame"> 夜的第七章</a><br>
是显示right.html页面,替换掉right_frame框架
-->
<a href="right.html" target="right_frame"> 夜的第七章</a><br>
<a href="song.html" target="right_frame"> 青花瓷</a><br>
<a href="#"> 稻香</a><br>
<a href="#"> 七里香</a><br>
<a href="#"> 爱在西元前</a><br>
</body>
</html>
right.html
<html>
<head>
<meta charset="utf-8">
<title> right </title>
</head>
<body>
1983年小巷12月晴朗<br>
夜的第七章<br>
打字机继续推向接近事实的那下一行<br>
</body>
</html>
song.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> qinghuaci </title>
</head>
<body bgcolor="#F0FFFF">
素胚勾勒出青花笔锋浓转淡<br>
瓶身描绘的牡丹一如你初妆<br>
冉冉檀香透过窗心事我了然<br>
</body>
</html>
QQ截图20161226214743.png
