HTML框架,链接,登录,注册联合应用

先看一下结果吧
这里写图片描述
这里写图片描述

<html><!--frame.html-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>框架</title>
</head>
 <frameset rows="14%,86%">
      <frame src="top.html" noresize scrolling="no" name="top">
      <frameset cols="23%,77%">
       <frame src="left.html" noresize scrolling="no" name="left">
       <frame src="welcome.html" name="mainwindow" noresize scrolling="no">
      </frameset>
   </frameset>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head><!--top.html-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>top</title>
</head>
<body>
       <center>
       <a href="mainlogin.html" target="mainwindow"><font size="7" face="楷体" color="blue">学生登录</font></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
       <a href="mainregister.html" target="mainwindow"><font size="7" face="楷体" color="blue">学生注册</font></a>
       </center>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml"><!--mainlogin.html-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>login</title>
</head>
<body >
       <form name="loginform">
       <h4 align="center"><b>欢迎登陆学生管理系统</b></h4><br>         
       <table align="center">
         <tr>
            <td>请输入账号:</td>
            <td><input name="zhanghao" type="text"> </td>
         </tr>
         <tr>
            <td>请输入密码:</td>
            <td><input name="mima" type="password"> </td>
         </tr>
         <tr>
            <td></td>
            <td><input type="button" value="登录" > <input type="button" value="忘记密码?"></td>
         </tr>
       </table>          
     </form>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<!--mainregister.html-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>mainregister</title>
</head>
<body>
       <form  name="registerform" method="post">
           <table align="center" border="1" width="300">
          <tr>
            <td colspan="2">
              <h4 align="center"><font face="楷体" size="5"><b>用户注册</b></font></h4>
            </td>
          </tr>         
         <tr>
            <td>请输入账号:</td>
            <td><input name="zhanghao" type="text"> </td>
         </tr>
         <tr>
            <td>请输入密码:</td>
            <td><input name="mima" type="password"> </td>
         </tr>
         <tr>
            <td>请确认密码:</td>
            <td><input name="confirmmima" type="password"> </td>
         </tr>
         <tr>
            <td>请选择性别:</td>
            <td><input name="sex" type="radio" value="男"><input name="sex" type="radio" value="女"></td><!--单选按钮-->
         </tr>
        <tr>
            <td>请选择家乡:</td>
            <td>
              <select name="home" ><!--下拉列表-->
                <option value="北    京">北     京</option>
                <option value="上   海">上   海</option>
                <option value="广   州">广   州</option>
                <option value="深    圳">深    圳</option>             
              </select>
             </td>
         </tr>
        <tr>
            <td>请选择爱好:</td>
            <td>
            <input name="fav" type="checkbox" value="唱歌">唱歌
            <input name="fav" type="checkbox" value="跳舞">跳舞
            <input name="fav" type="checkbox" value="打球">打球   <!--复选框-->          
            </td>
         </tr>
          <tr>
            <td colspan="2">请输入个人信息:</td>  <!--表单元素跨越两列-->      
         </tr>
         <tr>
            <td colspan="2" ><textarea name="info" rows="5" cols="30"></textarea></td> <!--多行文本框-->       
         </tr>
         <tr>
            <td></td>
            <td><input type="button" value="注册" onclick="register()"> <input type="button" value="忘记密码?"></td>
         </tr>
       </table>         
     </form>
</body>
</html>
<html>
<head><!--left.html-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>作者个人简介</title>
</head>
<body>
   <a href="resume.html" target="mainwindow">李白个人简介</a>
</body>
</html>
<html>
<!--welcome.html-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>这是一个框架实例应用</title>
</head>
<body>
      <center>
       <font size="7" face="楷体" color="blue"> <b>这是一个框架,链接<br>登录,注册简单应用!</b></font>
      </center>
</body>
</html>
<html>
<!--resume.html-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>这是作者的个人简介</title>
</head>
<body>
<font size="5"><b>李白</b></font><font>(唐朝著名浪漫之一诗人)</font>
    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 李白(701年2月8日—762年12月)[1]  ,字太白,号青莲居士,又号“谪仙人”。是唐代伟大的浪漫主义诗人,被后人誉为“诗仙”。与杜甫并称为“李杜”,为了与另两位诗人李商隐与杜牧即“小李杜”区别,杜甫与李白又合称“大李杜”。其人爽朗大方,爱饮酒作诗,喜交友。</p>
    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 李白有《李太白集》传世,诗作中多以醉时写的,代表作有《望庐山瀑布》、《行路难》、《蜀道难》、《将进酒》、《梁甫吟》、《早发白帝城》等多首</p>
    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 李白所作词赋,宋人已有传记(如文莹《湘山野录》卷上),就其开创意义及艺术成就而言,“李白词”享有极为崇高的地位。</p>
</body>
</html>
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值