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的更多相关文章
随机推荐
- LeetCode 32. 最长有效括号（Longest Valid Parentheses）
题目描述 给定一个只包含 '(' 和 ')' 的字符串,找出最长的包含有效括号的子串的长度. 示例 1: 输入: "(()" 输出: 2 解释: 最长有效括号子串为 "( ...
- ElasticSearch2:集群安装
0.Linux系统参数设置 Linux进程数系统限制查看 [root@ip101 config]# sysctl kernel.pid_max kernel.pid_max = 131072 [roo ...
- Flutter移动电商实战 --（10）使用FlutterSwiper制作轮播效果
1.引入flutter_swiper插件 flutter最强大的siwiper, 多种布局方式,无限轮播,Android和IOS双端适配. 好牛X得介绍,一般敢用“最”的一般都是神级大神,看到这个介绍 ...
- jmeter 执行python脚本的方法 。(亲测ok)
jmeter 执行python脚本 jmeter 可以通过Jython 执:行python代码 1.下载Jython jar包:http://www.jython.org/downloads.ht ...
- ping指定IP的指定端口号
ping是简单的测试网络连接情况的小工具,对于一般用户很实用,但是ping有个缺点就是,不能指定端口 tcping命令是针对tcp监控的,也可以看到ping值,即使源地址禁ping也可以通过tcpin ...
- Linux md5sum 命令
Linux md5sum 命令 通过 Linux 的 md5sum 命令,可以对指定的文件,计算出唯一的一个MD5值(128bit). 通过比较文件前后的MD5值,可以判断文件是否发生变化(是否被修改 ...
- MongoDB 实体映射
@Id主键,不可重复,自带索引,可以在定义的列名上标注,需要自己生成并维护不重复的约束.如果自己不设置@Id主键,mongo会自动生成一个唯一主键,并且插入时效率远高于自己设置主键.在实际业务中不建议 ...
- go 语言 interface{} 的易错点
一,interface 介绍 如果说 goroutine 和 channel 是 go 语言并发的两大基石,那 interface 就是 go 语言类型抽象的关键.在实际项目中,几乎所有的数据结构最底 ...
- 代码格式化工具 AStyle
Astyle是一个用来对C/C++代码进行格式化的工具,在windows或者linux都有对应的版本,下面介绍几个本人比较常用的参数 --style=linux 个人比较喜欢linux风格,即函数的 ...
- CRM总结大纲
目录 一. CRM客户关系管理系统 1. CRM是什么? 里面都有哪些功能(业务)? 2. 什么是公户?什么是私户?为什么要做这个区分? 3. 请列举出CRM系统中的表 4. 通过ORM操作对数据库的 ...