粉色温馨——HTML框架示例

2022-11-29 19:21:41 浏览数 (2)

粉色温馨演示

下载地址(完整版)

粉色温馨——HTML框架示例-网页制作文档类资源-CSDN下载

部分源码提示(无素材)

 登录主页

代码语言:javascript复制
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>登录主页.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

  </head>
  
  <body bgcolor="pink" background="../img/粉色温馨1.jpg">
  	<br/><br/><br/><br/><br/><br/>
  		<center><img src="../img/粉色温馨2.jpg" width="200"></img></center>
  		<p align="center"><font color="#D02090" size="5" face="楷体_gb2312">哈喽,哈喽大家好,欢迎光临我的空间!<br/>本空间禁止跑堂,留下你的脚印。</font></p>
  		<form action="../框架/框架.html" method="post" >
  			<table align="center">
  				<tr>
  					<td>账  号:</td>
  					<td><input type="text"/></td>
  				</tr>
  				<tr>
  					<td>密 码:</td>
  					<td><input type="password" /></td>
  				</tr>
  				<tr align="center">
  					<td colspan="2"><input type="submit" value="登录"/>
  					<a href="../分布/注册.html" target="_blank"><font size="2" style="color: red;">点击注册</font></a></td>
  				</tr>
  			
  			</table>
  		</form>
  		
  </body>
</html>

 注册

代码语言:javascript复制
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>注册.html</title>

  </head>
  
  <body background="../img/粉色温馨1.jpg">
<form action="../主页/登录主页.html" method="post">
  <center>
  	
  		<br/><br/><br/><br/><br/>
  		<p><font color="#D02090" size="6">欢迎注册</font></p>
  		<table>
  			<tr align="center">
  				<td>登录账号:</td>
  				<td><input type="text"/></td>
  			</tr>
  			<tr align="center">
  				<td>登录密码:</td>
  				<td><input type="password"/></td>
  			</tr>
  			<tr align="center">
  				<td>性别:</td>
  				<td><input type="radio" name="性别"/>男
  				<input type="radio" name="性别"/>女</td>
  			</tr>
  			<tr align="center">
  				<td>年龄:</td>
  				<td><input type="text" style="width: 35px;"/>岁</td>
  			</tr>
  			<tr align="center">
  				<td>爱好:</td>
  				<td><input type="checkbox"/>最爱人民币<input type="checkbox"/>吃<input type="checkbox"/>喝<input type="checkbox"/>玩<input type="checkbox"/>乐</td>
  			</tr>
  			<tr align="center">
  				<td>民族:</td>
  				<td><select><option>汉族</option><option>满族</option><option>藏族</option></select></td>
  			</tr>
  			<tr align="center">
  				<td>国家:</td>
  				<td><select><option>中国</option><option>美国</option><option>荷兰</option></select></td>
  			</tr>
  			<tr>
  				<td>个人简介:</td>
  			</tr>
  			<tr>
  				<td colspan="2">
  					<textarea rows="5" cols="35" style="color: #6A5ACD;">好好的写哦,我会注意看的。</textarea>
  				</td>
  			</tr>
  			<tr align="center">
  				<td colspan="2"><input type="submit" value="提交并注册"/></td>
  			</tr>
  		</table>
  	

  </center>
  	</form>
  </body>
</html>

框架

代码语言:javascript复制
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>框架</title>
	</head>
	<frameset rows="150px,*" frameborder="yes">
		<frame src="../菜单/头部.html" name="头部" noresize scrolling="no"></frame>
		<frameset cols="200,*">
			<frame src="../菜单/左边.html" name="左边" noresize scrolling="no"></frame>
			<frame src="../菜单/右边.html" name="右边" noresize></frame>
		</frameset>
	</frameset> 
	<body>
	</body>
</html>

菜单内容比较多,就不一一展示了

希望能给初学的小伙伴带来帮助。

0 人点赞