Html学习笔记2

表单常用属性

table tr td

1.table 表格标记 < table> < /table>

属性 border
属性 align = “left center right”
属性 width height
属性 cellpadding 文字到边框的最小距离
属性 cellspacing 边框的厚度
属性 bordercolor 边框颜色
属性 bgcolor 背景颜色

背景图 属性

2.tr行标记 < tr> < /tr>

属性 align 水平位置 left center right

属性 valign 垂直位置 top middle bottom

属性 height width

tr属性 行属性 height=”40” align=”center“

所有的元素都有id属性，id元素在页面中的身份证 id不允许重复（字母）

3.td 列属性

属性 align 水平位置 left center right
属性 valign 垂直位置 top middle bottom
属性 height width

注：所有的元素属性都遵循就近原则

4.合并单元格属性：colspan 合并行中单元格

列单元格合并 操作方法  ：先删掉多余列的单元格 再写属性colspan=单元格数
行单元格合并 操作方法  ：先删掉多余的行单元格 再写属性rowspan=单元格数
多行多列单元格合并 操作方法：先合并行单元格再合并列单元格

5 表单元素

（1） 表单标记

<form action="index1Do.html"> 当用户点击提交按钮后，表单action动作跳转到index1Do.html

input 元素 ：输入型元素
非input元素：seclect  textarea
<input 属性>
type: text password checkbox  file radio

<input type="text" name="dasd" value="dasads"/>  文本框
<input type="password"/> 密码框
<input type="checkbox" name="das" checked="checked"/> 复选框
<input type="file"/>   文件选择框 
<input type="radio"  name="um">男  性别选择框
<input type="radio"  name="um">女
<input type="submit" value="注册"/>  提交按钮  value 按钮上的文字
image 图片提交按钮  功能完全一样
reset 重置   会把表单中的其他元素还原
boutton 普通按钮

<select> 下拉框
<select>
<option value="1">北京</option>
<option value="2">上海</option>
<option value="3">武汉</option>
<option value="4">南京</option>
</select>

<textarea rows="6">