首页 > 代码库 > html-上左右布局方式---ShinePans

html-上左右布局方式---ShinePans

文件包含 main.html  top.html  left.html  childhood.html  moonsong.html  herethesea.html


主要布局效果:



代码:

main.html

<frameset rows="30%,*"> <!--上面部分-->
<frame src=http://www.mamicode.com/"top.html" scrolling="no">>
top.html

<meta http-equiv="content-type" content="text/html;charset=UTF-8"/>
<body>
<table align="center" boder="0px" width="100%" height="200px" background="topJpg.jpg" cellspacing="0px" cellspading="0px">
	<tr></tr>
</table>
</body>

left.html

<meta http-equiv="content-type" content="text/html;charset=UTF-8"/>
<body bgcolor="lightblue">
		<center>
		</center>
	<!--target 点击后的目标-->
	<ul>
	<li><a href=http://www.mamicode.com/"herethesea.html" target="myframe">最重要的决定>
right.html

<meta http-equiv="content-type" content="text/html;charset=UTF-8"/>
<body bgcolor="silver">
	歌词
</body>

歌词略..

html-上左右布局方式---ShinePans