html homework27
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的更多相关文章
随机推荐
- Linux设备驱动程序 之 自旋锁
概念 自旋锁可以再不能休眠的代码中使用,比如中断处理例程:在正确使用的情况下,自旋锁通常可以提供比信号量更高的性能: 一个自旋锁是一个互斥设备,它只能由两个值,锁定和解锁:通常实现为某个整数值中的单个 ...
- [Javascript]客户端检测
客户端检测是一种行之有效的开发策略.但不到万不得已,就不要使用客户端检测.先设计通用的方案,然后根据浏览器之间的差异和各自的怪癖quirky,再使用特定于浏览器的技术增强该方案. 能力检测 Featu ...
- 使用UltraISO制作linux系统安装u盘启动盘
1.首先打开UltraISO软件,尽量下载最新版的,小编曾用某个旧版的UltraISO,制作的安装盘,不能不能识别磁盘,安装失败! 2.点击工具栏中的第二个打开镜像文件工具,如图红色方框标志按钮,然后 ...
- LeetCode 328. 奇偶链表（Odd Even Linked List）
题目描述 给定一个单链表,把所有的奇数节点和偶数节点分别排在一起.请注意,这里的奇数节点和偶数节点指的是节点编号的奇偶性,而不是节点的值的奇偶性. 请尝试使用原地算法完成.你的算法的空间复杂度应为 O ...
- js内存空间及this关键词详解
http://mp.weixin.qq.com/s/FYFepXmkzzDYNLKhpovYFA
- 一个Action中，可以写多个类似的业务控制方法
1)通过模块根路径 + 功能子路径 = 访问模块下子功能的路径 @Controller @RequestMapping(value="/user") public class Us ...
- CollectionUtils
public class CollectionUtils { /** * 数组是否包含元素 * @param arr * @param str * @return */ public static b ...
- CentOS7或CentOS8 开机自动启用网卡的设置方法
sudo nano /etc/sysconfig/network-scripts/ifcfg-enp0s3(p0s3是网卡,名字不同环境会有差异,输入时可按tab自动补全.) 将最后一行的 ONBOO ...
- Angular05 angular架构、搭建angular开发环境、组件必备三要素、angular启动过程
1 angular架构 1.1 组件:是angular应用的基本构建模块,可以理解为一段带有业务逻辑和数据的HTML 1.2 服务:用来封装可重用的业务逻辑 1.3 指令:允许你想HTML元素添加自定 ...
- Windows10内置Linux子系统初体验
http://www.jianshu.com/p/bc38ed12da1dhttp://www.jianshu.com/p/bc38ed12da1d WSL 前言 前段时间,机子上的win10又偷偷摸 ...