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 ...
随机推荐
- PAT乙级 1012. 数字分类 (20)
1012. 数字分类 (20) 时间限制 100 ms 内存限制 65536 kB 代码长度限制 8000 B 判题程序 Standard 作者 CHEN, Yue 给定一系列正整数,请按要求对数字进 ...
- C# 语音识别
利用微软操作系统自动的语音识别功能,读取信息. 1. 在项目中添加 "" 引用 2. 引入命名空间: using SpeechLib; 3. 读取的代码: Spee ...
- small details
1.操作数据时,一般能入库就入库,或者用xml文件,用文件操作比较复杂
- SQL Server数据库的三种恢复模式：简单恢复模式、完整恢复模式和大容量日志恢复模式（转载）
SQL Server数据库有三种恢复模式:简单恢复模式.完整恢复模式和大容量日志恢复模式: 1.Simple 简单恢复模式, Simple模式的旧称叫”Checkpoint with truncate ...
- ASP.NET MVC API 路由生成规则
我们都知道调用ASP.NET MVC的某些API函数(诸如:Url.Action.RedirectToAction等)可以生成URL,ASP.NET MVC会根据调用API函数时传入的参数去匹配系统定 ...
- 天气预报接口api(中国天气网)
中国天气weather.comhttp://m.weather.com.cn/data/101110101.html(六天预报) http://www.weather.com.cn/data/sk/1 ...
- 使用 Delphi Xe 的 TDictionary
原本一直使用 TList, 将定义的一个个 Record 保存在TList 里面, 为了能把某些对象管理起来, 例如一个类的 n 多实例,可以进行索引.查找.释放等 今天刚看到原来已经有了一个叫 TD ...
- Java常用快捷键
Ctrl+M 最大化当前的Edit或View (再按则反之) Crl+k:查找下一处 Ctrl+Shift+O 导包 Ctrl+W 关闭当前EditerCtrl+shift+W 关闭所有当前页 Ctr ...
- HID USB设备开发技术【转】
本文转载自: 1.高速USB和USB2.0有区别吗? 高速USB和USB2.0是有区别的,区别在于USB2.0是一种规范,而"高速USB"仅指在USB2.0规范中数据传输率 ...
- xib中设置控件的圆角
1.http://my.oschina.net/ioslighter/blog/387991?p=1 利用layer.cornerRadius实现一个圆形的view,将layer.cornerRadi ...