HTML中的表格,表单,及框架
<h1>表格</h1> <table>表格的属性</table> width:表格的宽度,可以用像素或百分比表示 border:边框,常用值是0 cellpadding:内容跟单元格边框的边距,常用值是0 cellpadding:单元格之间的间距,常用值是0 align:表格在页面中的对齐方式 bgcolor:表格的背景色 background:表格的背景图片 <tr>行</tr> align:一行的内容的水平对齐方式 valign:一行的内容的垂直的对齐方式 height:行高 bgcolor:背景色 background:背景图片 <td>单元格</td> align:单元格的内容的对齐方式 valign:单元格内容的垂直对齐方式 with:单元格的宽度 height:单元格的高度 bgcolor:背景色 background:背景图片 <table width="100%" border="1"> <tr bgcolor="#FF3333"> <td align="right" colspan="2">你好</td> <td width="26%" valign="middle" rowspan="2">你也好</td> </tr> <tr> <td bgcolor="#3399CC" width="40%"> </td> <td width="34%"> </td> </tr> </table> <h1>表单</h1> <form id="" name="" method="post/get" actain="提交路径"> <h3>文本框输入<h3> 文本框<input type="txt" name="" id="1" value=""/> 密码框<input type="password" name="" id="2" value=""/> 文本域<textarea name="" id="" cols="20" rows="5"></textarea> 隐藏域<input type="hidden" name="" id="c" value=""/> <h3>按钮</h3> disable使按钮失效的用法 提交按钮<input type="submit" name="" id="" value=""/> 重置按钮<input type="reset" name="" id="" value=""/> 普通按钮<input type="button" name="" id="" value=""> 图片按钮<input type="image" name="" id="" disable="disable" src="../../../Public/Desktop/腾讯QQ.lnk"/> <h3>选择输入</h3> 单选按钮组,label的用法 <input type="radio" name="1" id="a" value=""/><label for="a">蓝球</label> <input type="radio" name="1" id="b" value=""/><label for="b"> 足球</label><br> 复选框组 <input name="2" type="checkbox" value=""> <input name="2" type="checkbox" value=""> <input name="2" type="checkbox" checked="checked"value=""> 文件上传 <input name="" type="file"> 图片上传 <input name="" type="image"> <h3>下拉列表框</h3> mutiple可多选 <select name="" size="1" id="" mutiple="mutiple"> <option>淄博</option> <option>张店</option> <option>淄川</option> <option>医院</option> </select> <h1>框架</h1> 1、 iframe 在原来的页面中嵌入小窗口显示其它页面 <iframe src="Untitled-3.html" width="100" height="100" frameborder="0" scrolling="no" ></iframe> 2、frameset 分割窗口 在同一个浏览器中显示多个页面 <frameset> <frame src=> <frame src=> </frameset>> </form>