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

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

主要布局效果:

代码:

main.html

<frameset rows="30%,*"> <!--上面部分-->

<frame src="top.html" scrolling="no">

<frameset cols="20%,*" > <!--以下80%分为左右部分-->

<frame src="left.html" noresize frameborder="1"/ scrolling="no">

<frame src="right.html" name="myframe" noresize frameborder="1"/>

</frameset>

</frameset>

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="herethesea.html" target="myframe">最重要的决定</a></li>

	<li><a href="childhood.html" target="myframe">下沙</a></li>

	<li><a href="moonsong.html" target="myframe">与半小夜曲</a></li>

    </ul>

</body>

right.html

<meta http-equiv="content-type" content="text/html;charset=UTF-8"/>

<body bgcolor="silver">

	歌词

</body>

歌词略..

巴特西

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

最新文章

热门文章