2025.1.16 html

写一个静态网页代码，分为三个区域，top区域有Login和Register;menu区域有treemenu;还有一个main区域。点击Login,Registe或treemenu会在main区域里显示相应的内容。

<html>
   <frameset rows="20%,80%" border="1">
   	<frame src="top.html" noresize scrolling="no" name="top"></frame>
   	<frameset cols="30%,70%" border="1">
   		<frame src="menu.html" noresize scrolling="no" name="treemenu"></frame>
   		<frame src="main.html" noresize scrolling="yes" name="main"></frame>
   	</frameset>
   </frameset>
 </html>

top.html页面代码

  <html>
  <body>
	<p  align="center">top.html</p><br>
  <!--使Login的内容显示在main上-->
	<a href="Login.html" target="main" > Login </a><br>
   <!--使Register的内容显示在main上-->
	<a href="Register.html" target="main"> Register</a><br>
  </body>
  </html>

Login.html页面代码

  <html>
	<body>
			Please LogIn<br><br>
		<form>
			Login:<input type="text"><br>
			Password:<input type="password"><br>
			<input type="button" value="OK">
			<input type="button" value="ForgetPassword">
		</form>
	</body>
  </html>

Register.html页面代码

  <html>
  <body>
		<p align="center">New Member </p><br>
	<form>
		ID:<input type="text"><br>
		Password:<input type="password"><br>
		Pie-Password:<input type="password"><br><br>

		First Name:<input type="text"><br>
		Last Name:<input type="text"><br>
		Address:<input type="text"><br>
		City:<input type="text"><br>
		State:<select>
				<option>[Select State]</option>
			</select><br>
		Country:<input type="text"><br>
		Email Address:<input type="text"><br><br>

		Select Interest:
			<input type="checkbox">Technology 
			<input type="checkbox">Enterprise 
			<input type="checkbox">Research 
			<input type="checkbox">Government        
			<input type="checkbox">People 
			<input type="checkbox">Life Style 
			<input type="checkbox">Opinion<br>
		Question:<select>
					<option>[Select Question]</option>
				</select><br>
		Answer:<input type="text"><br>
		<input type="button" value="Submit Information">
		<input type="button" value="Reset Form">
  </body>
  </html>

menu.html页面代码

  <html>
  <body>
	<p  align="center">menu.html</p><br>
	<a href="treemenu.html" target="main" > treemenu </a><br>
  </body>
  </html>

treemenu.html页面代码

  <html>
  <body>
		<h1><font color="#888888" ><p align="center">作者简介</p></font></h1><br>
	<a href="treemenu.html" target="main"> </a>
		<h1><font color="#000099"><p align="center">姓名：柳祜维</p></font></h1><br>
		<h1><font color="#000099"><p align="center">性别：男</p></font></h1><br>
		<h1><font color="#000099"><p align="center">年龄：20</p></font></h1><br>
		<h1><font color="#000099"><p align="center">照片</p></font><br>
			<p align="center"><img src="C:\Users\LENOVO\Downloads\6467e8fe5819ac3bab0cd74e570a6e13.jpg"  width="200" height="250" border="2" align="center"/></p><br><br><br>	
		</h1>
		<h1><font color="#000099"><p align="center">联系电话：15845521009</p></font></h1><br>
		
  </body>
  </html>

main.html页面代码

  <html>
  <body>
	<a href="main.html"> main</a>
  </body>
  </html>

点击主页面：


点击Login:


点击Register:


点击treemenu:

posted @ 2025-01-16 22:43  呓语-MSHK  阅读(8)  评论(0)    收藏  举报