图片热点：

划出图片中的区域，做超链接，点击该区域就可以直接跳转到链接网站

<img src="../../../3.jpg" title="血精灵" usemap="jingling" />

<map name="jingling">

<area shape="rect" coords="52,217,288,395" href="http://www.baidu.com" />

<area shape="circle" coords="113,130,72" href="http://www.xd.com" />

上面指定的链接是心动，下面矩形是百度的超链接

网页划区：划一个区域用来引用另外网页的内容

<iframe src="../1024/Untitled-1.html" width="400" height="300" frameborder="1"></iframe>

表单：

1.文本输入

文本框

账号：<input type="text" value="" required="required" placeholder="请输入账号" /><br />

输入时：灰色字（placeholder）自动消失，required：必须输入指令

密码框

<input type="password" />

文本域

<textarea cols="20" rows="5"></textarea>

cols（字符多少） rows（几行高）

隐藏域

<input type="hidden" name="" id="" value="" />

注：

placeholder：使文本框中限时提示性文字，当文本框中未输入任何内容时才显示。

2、按钮

提交按钮

<input type="submit" value="提交" />

点击后转到form内的提交服务器的地址 （提交表单所有内容并刷新页面）

重置按钮

<input type="reset" />

普通按钮

<input type="button" value="登陆" disabled="disabled" />

图片按钮

<input type="image" src="QQ图片20161025152150.png" width="80" />

（图片按钮默认功能与提交按钮一致）

附：disabled，使按钮失效；enable，使可用。

3、选择输入

单选按钮组

<input type="radio" name="sex" checked="checked" />男<input type="radio" name="sex" />女

name的值用来分组；value值看不见，是提交给程序用的；checked，设置默认选项。

复选框组

<input type="checkbox" />剑灵<input type="checkbox" />飞羽<input type="checkbox" />武圣

文件上传

<input type="file" />

下拉列表框：

<select size="1">

<option>圣光</option>

<option>背水一战</option>

<option>回旋击</option>

<option>血镇</option>

<option>不动如山</option>

<option>无极护体</option>

作业：

<body background="未标题-1.jpg">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td width="100">邮箱:</td>

<td><input type="text" value="" required="required" placeholder="请输入账号" /></td>

</tr>

<tr>

<td></td>

<td><font color="#666666" size="-1">需要通过邮箱激活账户，不支持sohu，21cn，sougou的邮箱</font></td>

</tr>

<tr>

<td width="100">登陆用户名:</td>

<td><input type="text" value="" required="required" placeholder="请输入用户名" /></td>

</tr>

<tr>

<td></td>

<td><font color="#666666" size="-1">仅在登录时使用，字符数不少于4个</font></td>

</tr>

<tr>

<td>显示名称：</td>

<td><input type="text" value="" required="required" placeholder="请输入名称" /></td>

</tr>

<tr>

<td></td>

<td><font color="#666666" size="-1">即昵称，字符数不少于2个</font></td>

</tr>

<tr>

<td>密码：</td>

<td><input type="password" /></td>

</tr>

<tr>

<td>确认密码：</td>

<td><input type="password" /></td>

</tr>

<tr>

<td></td>

<td><font color="#666666" size="-1">至少8位，必须包含字母、数字、特殊字符</font></td>

</tr>

<tr>

<td>性别：</td>

<td><input type="radio" name="sex" /><b>男</b><input type="radio" name="sex" /><b>女</b></td>

</tr>

<tr>

<td>喜好：</td>

<td><input type="checkbox" /><b>听音乐</b><input type="checkbox" /><b>做运动</b><input type="checkbox" /><b>旅行</b><input type="checkbox" /><b>收集纪念品</b><input type="checkbox" /><b>其他</b></td>

</tr>

<tr>

<td>户籍：</td>

<td><select size="1">

<option>张店区</option>

<option>淄川区</option>

<option>博山区</option>

<option>周村区</option>

<option>高新区</option>

<option>临淄区</option>

<option>桓台县</option>

<option>高青县</option>

<option>沂源县</option></td>

</tr>

<tr>

<td></td>

<td><input type="submit" value="注册" /></td>

</tr>

<tr>

<td></td>

<td><input type="reset" /></td>

</tr>

</table>

</body>

注册邮箱

HTML:图片热点 网页划区 表单的更多相关文章

  1. HTML静态网页 图片热点、框架、表单

    图片热点: 规划出图片上的一个区域,可以做出超链接,直接点击图片区域就可以完成跳转的效果. 示例: 网页划区: 在一个网页里,规划出一个区域用来展示另一个网页的内容. 示例: 框架: 1.frames ...

  2. HTML基础（二）——表单，图片热点，网页划区和拼接

    一.表单 <form id="" name="" method="post/get" action="负责处理的服务端&qu ...

  3. HTML · 图片热点，网页划区，拼接，表单

    图片热点: 规划出图片上的一个区域,可以做出超链接,直接点击图片区域就可以完成跳转的效果. 网页划区: 在一个网页里,规划出一个区域用来展示另一个网页的内容. 网页的拼接: 在一个网络页面内,规划出多 ...

  4. HTML图片热点、网页划区、拼接、表单

    一.图片热点: 规划出图片上的一个区域,可以做出超链接,直接点击图片区域就可以完成跳转的效果. 示例: 二.网页划区: 在一个网页里,规划出一个区域用来展示另一个网页的内容. 示例: 三.网页的拼接: ...

  5. HTML静态网页（图片热点、网页划区、拼接及表单的使用）

    图片热点: 规划出图片上的一个区域,可以做出超链接,直接点击图片区域就可以完成跳转的效果. 示例: 网页划区: 在一个网页里,规划出一个区域用来展示另一个网页的内容. 示例:   网页的拼接: 在一个 ...

  6. HTML--2图片热点，网页划区，拼接，表单

    图片热点: 规划出图片上的一个区域,可以做出超链接,直接点击图片区域就可以完成跳转的效果. 示例: 网页划区: 在一个网页里,规划出一个区域用来展示另一个网页的内容. 示例: 网页的拼接: 在一个网络 ...

  7. 2016/2/18 html 图片热点，网页划区，拼接，表单

    ①图片热点 规划出图片上的一个区域,可以做出超链接,直接点击图片区域就可以完成跳转的效果. 显示 ②网页划区 在一个网页里,规划出一个区域用来展示另一个网页的内容. ③网页拼接 在一个网络页面内,规划 ...

  8. HTML--表单，图片热点，网页划区和拼接

    一.图片热点 规划出图片上的一个区域,可以做出超链接,直接点击图片区域就可以完成跳转的效果. 示例: <img src="/ usemap="longzhu"> ...

  9. 3月20日html(二) 图片热点，网页划分，表单

    1.图片热点: 规划出图片上的一个区域,可以做出超链接,直接点击图片区域就可以完成跳转的效果. <img src=" usemap="map" name=" ...

随机推荐

  1. iframe父页面获取子页面的高度

    最近做项目中用到了iframe,子页面更改父页面的高度,经过九九八十一难,找到了解决的办法. $(window).load(function() {  var h=$(document).height ...

  2. 如何实现SP文档库类似百度文档库的效果 （副标题：如何在SP2013文档库的SWF文件用FlexPager显示）

    1. 编辑文档库列表显示页面,如下图: 2. 添加内容编辑器,如下图: 3. 添加如下在[内容编辑器中]-[编辑源],添加如下JS代码,如下图: ​ 代码如下: <scrip type=&quo ...

  3. Windows下安装scikit-learn

    Windows下安装scikit-learn 准备工作 Python (>= 2.6 or >= 3.3), Numpy (>= 1.6.1) Scipy (>= 0.9), ...

  4. SharePoint 2013 JavaScript API 记录

    1.获取创建者字段(Author),oListItem为SPListItem对象 oListItem.get_item('Author')只能获取到对象,获取用户名要用oListItem.get_it ...

  5. 兼容Android的水波纹效果

    Android的水波纹效果只有高版本才有,我们希望自己的应用在低版本用低版本的阴影,高版本用水波纹,这怎么做呢?其实,只要分drawable和drawablev21两个文件夹就好了. 普通情况下的se ...

  6. picasso总结

    public class UMDocApplication extends Application { private Picasso picasso = null; /**获取Picasso对象** ...

  7. yii 的网址收藏

    http://blog.csdn.net/yuhui_fish/article/details/7656929 YII框架多子域名同步登录问题 http://blog.csdn.net/yuhui_f ...

  8. Android ListViewview入门

    接着上文<Android 数据库的事务>,往person数据表中插入50条数据 public void testAdd() throws Exception { PersonDao dao ...

  9. android自定义activity

    今天公司有个需要需要自动弹出界面,而dialog又不符合要求,所以自定义的一个activity的样式 首先在androidmainfest.xml上注册你的activity <activity ...

  10. 【读书笔记】iOS网络-错误处理的经验法则

    一,在接口契约中处理错误. 二,错误状态可能不正确. 设备模糊地确认操作是崇拜失败的.比如,移动应用发出HTTP请求以在两个账户间转账.请求被银行系统接收并正确地处理:然而,由于网络失败应答却丢失了, ...