Home > Web Front-end > HTML Tutorial > HTML framework, link, login, registration joint application_html/css_WEB-ITnose

HTML framework, link, login, registration joint application_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 11:39:54
Original
1312 people have browsed it

Let’s take a look at the results first


<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>
Copy after login
<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>             <a href="mainregister.html" target="mainwindow"><font size="7" face="楷体" color="blue">学生注册</font></a>       </center></body></html>
Copy after login
<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>
Copy after login
<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>
Copy after login
<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>
Copy after login
<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>
Copy after login
<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>         李白(701年2月8日?762年12月)[1]  ,字太白,号青莲居士,又号“谪仙人”。是唐代伟大的浪漫主义诗人,被后人誉为“诗仙”。与杜甫并称为“李杜”,为了与另两位诗人李商隐与杜牧即“小李杜”区别,杜甫与李白又合称“大李杜”。其人爽朗大方,爱饮酒作诗,喜交友。</p>    <p>         李白有《李太白集》传世,诗作中多以醉时写的,代表作有《望庐山瀑布》、《行路难》、《蜀道难》、《将进酒》、《梁甫吟》、《早发白帝城》等多首</p>    <p>         李白所作词赋,宋人已有传记(如文莹《湘山野录》卷上),就其开创意义及艺术成就而言,“李白词”享有极为崇高的地位。</p></body></html>
Copy after login

Copyright Statement: This article is an original article by the blogger and may not be reproduced without the blogger's permission.

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template