<!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>HTML第二堂课复习</title> </head> <body> 图片热点：<br /> 规划处图片上的一个区域，可以做出超链接，直接点击图片区域就可以完成跳转效果。<br /> 示例：<br /> <img src="0519/n0.jpg" usemap="niu" name="nainiu" title="这是一头牛"/><!--在插入的的图片上截取一部分usemap定义名字 --> <map name="niu"><!--引用命名的截取图像 --> <area shape="circle" coords="612,373,50" href="http://www.baidu.com/" /> <!--circle圆形区域，rect 矩形区域 pooly多边形区域 coords定义区域大小，点的坐标 --> <!--href链接到网址 --> </map> <div>这里是div区域</div><br /><br /> 网页划区：<br /> 在一个网页中，画出一个区域用来展示另一个区域的内容。<br /> 示例 <table width="300" border="1" ><!--先创建一个表格区域来存放网页 --> <tr> <td> <iframe src="http://baidu.com" width="300" height="300" frameborder="1" ><!--设置连接，高度，宽度，边框 --> </iframe> </td> </tr> </table><br /> 网页拼接<br /> 在一个网页内，规划出多个页面窗口，以表格的形式展示出来<br /> 表单： <!--<form id="" name="" method="post/get" action="负责处理的服务端"> --> id不可重复，name可重复，get提交有长度限制，并且编码后的内容在地址栏可见， post提交没有长度限制，且编码后内容不可见。 <form> 1、文本输入<br /> （1）文本框<br /> 账户：<input type="text" value="周星驰"/><br /> （2）密码框<br /> 密码：<input type="password" value="123456"/><br /> （3）文本域<br /> 注释：<textarea rows="5"></textarea><br /> （4）隐藏域<br /> <input type="hidden" value="答案是"/><br /> 2、按钮<br /> （1）提交按钮<br /> 默认将整个form表单进行提交，然后对整个页面进行刷新<br />6 <input type="submit" /><br /> （2）重置按钮<br /> <input type="reset" /><br /> （3）普通按钮<br /> <input type="button" /><br /> （4）图片按钮<br /> <input type="image" src="0519/n0.jpg" width="60" /><br /> disabled使按钮失效<br /> enable使按钮可用<br /> 3、选择输入<br /> （1）单选按钮组 <!--<input type="radio" name="" checked="checked" value="" /> --> name的值用来分组，value的值看不见，提交给程序用的，checked设置默认选项<br /> <input type="radio" name="x"/>男 <input type="radio" name="x"/>女<br /> （2）复选框组<br /> <!--<input type="checkbox" name="" checked="checked" value="" /> --> <input type="checkbox" />汉堡<br /> <input type="checkbox" />鸡腿<br /> <input type="checkbox" />可乐<br /> <input type="checkbox" />雪碧<br /> （3）文件上传<br /> <!--<input type="file" name="" id="" /> --> <input type="file"/><br /> （4）下拉表单<br /> <!--<select name="" id="" size="" multiple="multiple"> --> size为1时，为菜单；>1时，为列表。multiple为多选 selected,设为默认。<br /> 你的爱好是： <select > <option>吃饭</option> <option>睡觉</option> <option>上网</option> <option>玩游戏</option> <option>出去玩</option> </select> </form> </body> </html>