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日课堂总结的更多相关文章

  1. 中国式商业智能报表ActiveReports免费公开课，10月20日开讲

    ActiveReports公开课全方位报表解决方案,满足商业报表五大需求 [开课时间]10月20日[主讲老师]葡萄城报表产品经理[开课形式]网络在线公开课[活动费用]前50名免费 适合人群:报表开发人 ...

  2. 2016年12月20日 星期二 --出埃及记 Exodus 21:15

    2016年12月20日 星期二 --出埃及记 Exodus 21:15 "Anyone who attacks his father or his mother must be put to ...

  3. 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 ...

  4. 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 ...

  5. 【公告】CSDN个人空间将于2014年4月20日全新改版上线

    尊敬的用户:   你们好!           CSDN个人空间将在2014年4月20日全新改版上线!        CSDN个人空间是2008年8月推出的服务,致力于给广大用户提供在线技术分享和资料 ...

  6. 西安活动 | 4月20日「拥抱开源，又见.NET ：云时代 • 新契机」

    云计算日渐兴起,成为提升企业效率和生产力的最终解决方案,而云时代也为软件开发模式带来了翻天覆地的变化.可以说 .NET Core就是这个时代催生的产物.自2016年 .NET Core 1.0 发布以 ...

  7. 2018年1月20日上海MVP线下技术分享会纪实

    1月20日正值大寒节气,在微软MVP朱兴亮的组织牵头下,上海MVP自发举办了题为<跟社区专家一起聊聊混合云.领域驱动.区块链和数字营销>的技术交流会.四名来自上海的MVP分别在自己擅长的技 ...

  8. 成都Uber优步司机奖励政策（4月20日）

    滴快车单单2.5倍,注册地址:http://www.udache.com/ 如何注册Uber司机(全国版最新最详细注册流程)/月入2万/不用抢单:http://www.cnblogs.com/mfry ...

  9. 北京Uber优步司机奖励政策（4月20日）

    滴快车单单2.5倍,注册地址:http://www.udache.com/ 如何注册Uber司机(全国版最新最详细注册流程)/月入2万/不用抢单:http://www.cnblogs.com/mfry ...

随机推荐

  1. 关于CentOS 7.1后期维护的问题

    1.问题描述:在使用ssh服务远程登录的时候,当显示输入密码,特别特别的慢,刚刚搭建 服务器的时候还很正常,经过一个假期我实在忍不了它了,故决定解决此问题.服务器系统:CentOS 7.1 解决方式: ...

  2. linux计划任务运行php文件的方法

    在linux下,借助crontab,设置计划任务每天6点10分执行filename.php文件,写入一行时间到log日志中. 创建计划任务的脚本: dos2unix /path/to/filename ...

  3. SqlSever中Index Seek的匹配规则（一）

    我们知道在SqlServer中,索引对查询语句的优化起着巨大的作用,一般来说在执行计划中出现了Index Seek的步骤,我们就认为索引命中了.但是Index Seek中有两个部分是值得我们注意的,我 ...

  4. SQL Server 索引视图 聚簇索引

    创建示例: 朋友的网站速度慢,让我帮忙看下,他用的SQL Server里面 有一个文章表里面有30多万条记录 还有一个用户表里面也差不多17万记录 偏偏当初设计的时候没有冗余字段 很多帖子信息需要JO ...

  5. android 学习随笔二十七（JNI：Java Native Interface,JAVA原生接口 ）

    JNI(Java Native Interface,JAVA原生接口) 使用JNI可以使Java代码和其他语言写的代码(如C/C++代码)进行交互. 问:为什么要进行交互? 首先,Java语言提供的类 ...

  6. linux 文件删除原理

    文件删除: i_link 文件的硬连接数 i_count 引用计数(有一个程序使用i_count加1) 文件删除的条件: i_link=0 and i_count=0 被进程占用的文件可以删除

  7. ubuntu安装最新版本的node.js

    下面的方法适用于最新版本的Ubuntu.Ubuntu 12.04 LTS.Ubuntu 12.10.Ubuntu 13.04等版本.它可以帮助开发者在Ubuntu上安装Node.js,无需从头编译安装 ...

  8. 【jQuery UI 1.8 The User Interface Library for jQuery】.学习笔记.8.Datepicker控件

    默认datepicker的安装启用 探索它的配置选项 安装启用一个触发按钮 配置一个供选择的动画 dateFormat选项 简单的国际化 多月datepicker 日期范围选择 datepicker的 ...

  9. 第一个应用程序HelloWorld

    iOS7 Beta已经发布了,迫不及待地下载了iOS 7及Xcode 5并体验了一下.先做一个简单的Hello World看看都有哪些变化吧.1. 启动Xcode5-DP:2. 从菜单选择File-N ...

  10. C#：隔离点击任务栏上的图标时的“最小化或者恢复”的效果

    通常点击任务栏上的图标时,对应窗体实现“最小化或者恢复”的效果.但是在做最小化到托盘时,不希望点击任务栏图标时最小化到托盘,即希望拦截了这些效果(不允许:通过点击任务栏上的图标,实现“最小化或者恢复” ...