HTML-3月20日课堂总结
1.图片热点
2.表单制作
3.课后作业
1.图片热点
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>表单</title>
</head> <body>
<img src="../03-19/n0.jpg" usemap="map"/>
<map name="Map">
<area shape="circle" coords="398,481,50" href="http://www.baidu.com/"/>
<area shape="rect" coords="198,339,433,403" href="http://www.360.com/"/>
</map>
<br />
</body>
</html>
2.表单制作
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head> <body>
<form>
帐号:<input type="text" value="123" /><br />
密码:<input type="password"/><br />
备注:<textarea cols="35" rows="5"></textarea><br />
提交按钮:<input type="submit" value="提交"/><br />
重置按钮:<input type="reset" value="重置"/><br />
普通按钮:<input type="button" value="登录"/><br />
图片按钮:<input type="image" src="../03-19/n0.jpg" width="50"/><br />
单选:<input type="radio" name="sex"/>男<br />
单选:<input type="radio" name="sex"/>女<br />
多选:<input type="checkbox" disabled="disabled"/>可乐</br>
多选:<input type="checkbox" />百事</br>
多选:<input type="checkbox" />芬达</br>
选择文件:<input type="file"/><br />
下拉列表:<br />
<select size="1">
<option value="">汉堡</option>
<option>鸡腿</option>
<option selected="selected">薯条</option>
</select>
</form>
</body>
</html>
3.课后作业——制作注册界面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>注册页面</title>
</head> <body leftmargin="100" rightmargin="100">
<table align="left" width="300" height="550" border="0" cellpadding="0" cellspacing="0"/>
<tr align="center" valign="middle">
<td align="right">登陆用户名</td><td align="left"><input type="text" size="20" maxlength="2" /></td></tr>
<tr align="center" valign="middle"><td align="right">显示名称</td><td align="left"><input type="text" maxlength="4" /></td></tr>
<tr align="center" valign="middle"><td align="right">密码</td><td align="left"><input type="password" maxlength="8" /></td></tr>
<tr align="center" valign="middle"><td align="right">确认密码</td><td align="left"><input type="password" maxlength="8" /></td></tr>
<tr align="center" valign="middle"><td align="right">E-MAIL</td><td align="left"><input type="email" /></td></tr>
<tr align="center"><td align="right">性别</td><td align="left"><input type="radio" name="SEX">男<input type="radio" name="SEX">女</td></tr>
<tr align="center"><td align="right">性取向</td><td align="left"><select size="1"><option selected="selected">同性恋</option><option>异性恋</option><option>双性恋</option></select></td></tr>
<tr align="center"><td align="right">爱好</td><td align="left"><select size="1"><option selected="selected">听音乐</option><option>跑步</option><option>睡觉</option></select></td></tr> <tr><td></td><td><input type="submit" value="确定"/><br /></td></tr>
</body>
</html>
特将表单界面加上边框
HTML-3月20日课堂总结的更多相关文章
- 中国式商业智能报表ActiveReports免费公开课，10月20日开讲
ActiveReports公开课全方位报表解决方案,满足商业报表五大需求 [开课时间]10月20日[主讲老师]葡萄城报表产品经理[开课形式]网络在线公开课[活动费用]前50名免费 适合人群:报表开发人 ...
- 2016年12月20日 星期二 --出埃及记 Exodus 21:15
2016年12月20日 星期二 --出埃及记 Exodus 21:15 "Anyone who attacks his father or his mother must be put to ...
- 2016年11月20日 星期日 --出埃及记 Exodus 20:11
2016年11月20日 星期日 --出埃及记 Exodus 20:11 For in six days the LORD made the heavens and the earth, the sea ...
- 2016年10月20日 星期四 --出埃及记 Exodus 19:4
2016年10月20日 星期四 --出埃及记 Exodus 19:4 `You yourselves have seen what I did to Egypt, and how I carried ...
- 【公告】CSDN个人空间将于2014年4月20日全新改版上线
尊敬的用户: 你们好! CSDN个人空间将在2014年4月20日全新改版上线! CSDN个人空间是2008年8月推出的服务,致力于给广大用户提供在线技术分享和资料 ...
- 西安活动 | 4月20日「拥抱开源，又见.NET ：云时代 • 新契机」
云计算日渐兴起,成为提升企业效率和生产力的最终解决方案,而云时代也为软件开发模式带来了翻天覆地的变化.可以说 .NET Core就是这个时代催生的产物.自2016年 .NET Core 1.0 发布以 ...
- 2018年1月20日上海MVP线下技术分享会纪实
1月20日正值大寒节气,在微软MVP朱兴亮的组织牵头下,上海MVP自发举办了题为<跟社区专家一起聊聊混合云.领域驱动.区块链和数字营销>的技术交流会.四名来自上海的MVP分别在自己擅长的技 ...
- 成都Uber优步司机奖励政策（4月20日）
滴快车单单2.5倍,注册地址:http://www.udache.com/ 如何注册Uber司机(全国版最新最详细注册流程)/月入2万/不用抢单:http://www.cnblogs.com/mfry ...
- 北京Uber优步司机奖励政策（4月20日）
滴快车单单2.5倍,注册地址:http://www.udache.com/ 如何注册Uber司机(全国版最新最详细注册流程)/月入2万/不用抢单:http://www.cnblogs.com/mfry ...
随机推荐
- XStream xml转java对象
1:引入jar qn <dependency> <groupId>xstream</groupId> <artifactId>xstream</a ...
- 夺命雷公狗---DEDECMS----6快速入门之总结篇
我们dedecms四大表分别是: dede_channeltype(模型表) dede_arctype(栏目表) dede_archives(文章主表) dede_addonXXXX(附加表) 使用d ...
- 【sinatra】设置默认的端口
加入 set :port, 8888 #默认4567
- small details
1.操作数据时,一般能入库就入库,或者用xml文件,用文件操作比较复杂
- Oracle体系结构总览（整理）
先让我们来看一张图 这张就是Oracle 9i的架构全图.看上去,很繁杂.是的,是这样的.现在让我们来梳理一下:一.数据库.表空间.数据文件1.数据库数据库是数据集合.Oracle是一种数据库管理系 ...
- 使用 TC 对LInux中vpn 上传下载进行限速（转）
TC 无需安装,Linux 内核自带 例:将vpn IP地址段192.168.1.0/24 上传下载限速为 5M 将以下内容添加到/etc/ppp/ip-up文件exit 0上面. down=5Mbi ...
- Linux 的 Crontab 命令运用（转）
cron来源于希腊单词chronos(意为“时间”),是linux系统下一个自动执行指定任务的程序.例如,你想在每晚睡觉期间创建某些文件或文件夹的备份,就可以用cron来自动执行. 服务的启动和停止 ...
- 获取url中的参数\+发送ajax请求根路径|+获取复选框的值
//获取url中的参数function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=( ...
- linux之V4L2摄像头应用流程【转】
本文转载自:http://blog.csdn.net/tommy_wxie/article/details/11486907 对于v4l2,上次是在调试收音机驱动的时候用过,其他也就只是用i2c配置一 ...
- Java中如何在另一个类里面使用运行类中的对象，举例说明了一下。
package 计时器; import java.util.Timer; import java.util.TimerTask; /* * 主要是想在另一个类里面,使用该类的对象,如何使用呢?如何传递 ...