1. 使用框架完成如下功能

将框架先上下分割成两部分（上半部分的为TopFrame）、再将下半部分垂直分割为两部分（左侧为BottomLeftFrame，右侧为BottomRightFrame），为TopFrame添加一个logo、为BottomLeftFrame添加一个菜单（使用a标签），当点击超链接标签时，在BottomRightFrame中显示目标页面

如图示例（可自行设计）

 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"

 "http://www.w3.org/TR/html4/strict.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml" lang="en">

     <head>

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

         <title></title>

     </head>

     <frameset rows="20%,*">

         <frame name="TopFrame" src="topbook.html"/>

         <frameset cols="20%,*">

             <frame name="BottomLeftFrame" src="bookmenu.html"/>

             <frame name="BottomRightFrame" src="right.html"/>

         </frameset>

     </frameset>

 </html>
 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"

 "http://www.w3.org/TR/html4/strict.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml" lang="en">

     <head>

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

         <title></title>

     </head>

     <body>

     <ul>

         <li><a href="addBook.html" target="BottomRightFrame">添加图书</a></li>

         <li><a href="checkBook.html" target="BottomRightFrame">查看图书</a></li>

     </ul>

     </body>

 </html>
 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"

 "http://www.w3.org/TR/html4/strict.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml" lang="en">

     <head>

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

         <title></title>

     </head>

     <body>

         <h4 align="center"><font size="5"><b>添加图书</b></font></h4>

         <table>

             <tr>

                 <td>书名：</td>

                 <td><input type="text"/></td>

             </tr>

             <tr>

                 <td>作者：</td>

                 <td><input type="text"/></td>

             </tr>

             <tr>

                 <td>出版社：</td>

                 <td><input type="text"/></td>

             </tr>

             <tr>

                 <td>内容简介：</td>

                 <td><textarea rows="5" cols="40"></textarea></td>

             </tr>

         </table>

     </body>

 </html>
 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"

 "http://www.w3.org/TR/html4/strict.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml" lang="en">

     <head>

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

         <title></title>

     </head>

     <body>

         <h5 align="center"><font size="5"><b>查看图书</b></font></h5>

         <hr />

         <table border="1" width="100%">

             <tr>

             <td>ID</td><td>书名</td><td>作者</td><td>出版社</td><td>出版日期</td>

             </tr>

             <tr>

                 <td>b_001</td><td>《幻城》</td><td>郭敬明</td><td>人民教育出版社</td><td>2004-05-21</td>

             </tr>

             <tr>

                 <td>b_001</td><td>《幻城》</td><td>郭敬明</td><td>人民教育出版社</td><td>2004-05-21</td>

             </tr>

             <tr>

                 <td>b_001</td><td>《幻城》</td><td>郭敬明</td><td>人民教育出版社</td><td>2004-05-21</td>

             </tr>

             <tr>

                 <td>b_001</td><td>《幻城》</td><td>郭敬明</td><td>人民教育出版社</td><td>2004-05-21</td>

             </tr>

         </table>

     </body>

 </html>
 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"

 "http://www.w3.org/TR/html4/strict.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml" lang="en">

     <head>

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

         <title></title>

     </head>

     <body>

     <h5 align="center" ><font size="7">图书管理系统</font></h5>

     </body>

 </html>
 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"

 "http://www.w3.org/TR/html4/strict.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml" lang="en">

     <head>

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

         <title></title>

     </head>

     <body>

     <img src="img/秋天美景.png" />

     </body>

 </html>

 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"

 "http://www.w3.org/TR/html4/strict.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml" lang="en">

     <head>

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

         <title></title>

     </head>

     <body>

     <h5 align="center" ><font size="7">图书管理系统</font></h5>

     </body>

 </html>

 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"

 "http://www.w3.org/TR/html4/strict.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml" lang="en">

     <head>

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

         <title></title>

     </head>

     <body>

     <img src="img/秋天美景.png" />

     </body>

 </html>

 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"

 "http://www.w3.org/TR/html4/strict.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml" lang="en">

     <head>

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

         <title></title>

     </head>

     <body>

         <h1 align="center"><font size="5" color="red" face="楷体">用户注册</font></h1>

         <hr />

         <table border="1" align="center" width="30%" bordercolor="#00ffff">

             <tr>

                 <td>用户名：</td>

                 <td><input type="text"/></td>

             </tr>

             <tr>

                 <td>密码：</td>

                 <td><input type="password"/></td>

             </tr>

             <tr>

                 <td>确认密码：</td>

                 <td><input type="password"/></td>

             </tr>

             <tr>

                 <td>密码提示问题：</td>

                 <td><select>

                     <option>===请选择===</option>

                     <option>所在学校：</option>

                     <option>专业：</option>

                     <option>班级：</option>

                     <option>职位：</option>

                     <option>家庭住址：</option>

                 </select></td>

             </tr>

             <tr>

                 <td>密码提示答案：</td>

                 <td><input type="text"/></td>

             </tr>

             <tr>

                 <td>真实姓名：</td>

                 <td><input type="text"/></td>

             </tr>

             <tr>

                 <td>性别：</td>

                 <td><input type="radio"name="gender"/>男<input type="radio"name="gender"/>女</td>

             </tr>

             <tr>

                 <td>年龄：</td>

                 <td><input type="number"/></td>

             </tr>

             <tr>

                 <td>籍贯：</td>

                 <td>

                     <select>

                         <option>===请选择===</option>

                         <option>北京</option>

                         <option>上海</option>

                         <option>广州</option>

                         <option>深圳</option>

                         <option>河南</option>

                         <option>四川</option>

                         <option>济南</option>

                         <option>山东</option>

                         <option>河北</option>

                         <option>东北</option>

                         <option>内蒙古</option>

                         <option>石家庄</option>

                         <option>乌鲁木齐</option>

                         <option>天津</option>

                     </select>

                 </td>

             </tr>

             <tr>

                 <td>联系电话：</td>

                 <td><input type="tel"/></td>

             </tr>

             <tr>

                 <td>个人爱好：</td>

                 <td><input type="checkbox"/>篮球<input type="checkbox"/>足球<input type="checkbox"/>排球</td>

             </tr>

             <tr>

                 <td>QQ:</td>

                 <td><input type="text"/></td>

             </tr>

             <tr>

                 <td>MSN:</td>

                 <td><input type="text"/></td>

             </tr>

             <tr>

                 <td>Email:</td>

                 <td><input type="email"/></td>

             </tr>

         </table>

     </body>

 </html>

html homework27的更多相关文章

随机推荐

  1. LeetCode 131. 分割回文串（Palindrome Partitioning）

    题目描述 给定一个字符串 s,将 s 分割成一些子串,使每个子串都是回文串. 返回 s 所有可能的分割方案. 示例: 输入: "aab" 输出: [ ["aa" ...

  2. bash脚本获取绝对路径的最后一个目录名称

    比如绝对路径是/root/autoHls/streamID 因为脚本里面想直接用这个streamID来推流 下面是方法 #!/bin/bash dir="/root/autoHls" ...

  3. 浅谈WebView在新窗口浏览网页(setSupportMultipleWindows()与onCreateWindow()关系)

    一,写在前面 我们平常使用电脑浏览器浏览网页可能会有三种方式: 1.新窗口 2.当前窗口种的新选项卡 3.当前选项卡或者窗口 我们知道在电脑系统中同一时间可以开启多个相同的进程,就像你可以同时登陆2个 ...

  4. 数据库sequence的作用和用法

    转: 数据库sequence的作用和用法 2016年10月14日 19:51:03 很菜很菜的鸟 阅读数 14456 标签: oracle数据库db2sequence   seqence的作用: se ...

  5. DPDK 网络加速在 NFV 中的应用

    目录 文章目录 目录 前文列表 传统内核协议栈的数据转发性能瓶颈是什么? DPDK DPDK 基本技术 DPDK 架构 DPDK 核心组件 应用 NUMA 亲和性技术减少跨 NUMA 内存访问 应用 ...

  6. 实验一 绘制任意斜率的直线段 | 使用VS2017工具

    这世界上有很多坑,注定有些坑是要填的.下面我就用VS2017使用MFC对这个课堂实验进行填坑. 一.实验目的 (1)掌握任意斜率直线段的重点 Bresenham 扫描转换算法: (2)掌握 Cline ...

  7. Ubuntu 安装 docker，并上传到dockerhub

    一.安装Docker apt-get -y install docker.io 链接: ln -sf /usr/bin/docker.io /usr/local/bin/docker 检查docker ...

  8. PHP yii2.0框架利用mpdf导出pdf

    安装: composer require mpdf/mpdf 使用: use Mpdf\Mpdf;//(php7以前) //获取页面内容 $res = $this->controller-> ...

  9. [ZT]Enhancement-01

    Enhancement(1)--BTEs 最近一个同事碰到一个FI的增强,要用BTEs实现,我也是第一次接触到这种增强,所以跟着他一起做了一下.写一个这方面的小节.    BTEs(Business ...

  10. 图文详解 : 什么是版本控制?Eclipse配置SVN和IDEA配置GIT教程

    前言 虽然在工作中, VCS已然配置妥当, 我们敲好的业务只需要Commit&push提交就好, 但是不妨碍我们了解什么是版本控制, 为什么要使用这类工具? ps.最近项目里的小伙伴想在自己家 ...