标签:
<!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>
标签:
原文地址:http://www.cnblogs.com/fengsantianya/p/5511236.html