知识点:
一、table tr td 属性
二、表单元素
--------------------------------------------------------------------------------------------------------------------------------------------
一、table tr td 属性
table属性:
border 边框 默认0
align 水平位置=“left左(默认) center中 间 right右”
width=“600” 宽度
height=“300”高度
cellpadding=“0” 文字到边框的最小距离
cellspacing=“0” 边框的厚度
bordercolor=“#0000000”边框的颜色
bgcolor=“#000”背景色
background=“url” 遵循相对路径规则 注意:如果背景图的宽<表格宽、背景图的高<表格的高 ,背景图会横向和纵向平铺
**********************************************************************************************
tr 控制一行
height=“40”行的高度
align(水平位置)=“left左(默认) center中间 right右”行中内容的左 中 右
valign=“top上 middle中 bottom下”
注意:所有的元素都有id属性,唯一性,标识(字母 数字 _) /* 第一个字由_和字母组成 */
**********************************************************************************************
td 控制一个单元格
align(水平位置)=“left左(默认) center中间 right右”行中内容的左 中 右
valign=“top上 middle中 bottom下”
注意:所有元素都遵循“就近原则”
合并单元格:
1行上的—colspan=“2” 合并行的单元格
2行上的—rowspan=“2” 合并列的单元格
合并:先行后列
--------------------------------------------------------------------------------------------------------------------------------------------
二、表单元素
1、表单
网页 请求->响应 工作 request--> response互动比较难 不及时
表单:用来解决客户 工作者 互动问题
2、表单元素
表单:<form></form>
action 动作跳转=“路径(遵循相对路径规则)”
**********************************************************************************************
input元素 输入型的元素 input输入
<input type=""/>
type=“text”文本框 name=“u1”名字 value=“请输入用户名”默认值
type=“password”密码框 name=“ui”
type=“checkbox”复选框 name=“ck” checked=“checked”默认选中
type=“file”上传控件 name=“upi”
type=“hidden”隐藏域 name=“hd” <隐藏性传值>
type=“radio”单选框 name=“us”<一般用来指性别,必须name属性里的值一样> checked=“checked”默认选中
按钮:
type=“submit”提交按钮 value=“注册”按钮上的文字
type=“image”图片提交按钮 src=“路径”
type=“reset”重置按钮 value=“重置”<将同一表单中的其他元素还原>
type=“button”普通按钮 配合js、jQuery代码 value=“普通”
**********************************************************************************************
非input元素
下拉列表:<select name="sel"> select选择
<option value="1" selected="selected">上海</option> selected="selected"默认选中
<option value="2">北京</option> option选项
<option value="3">广西</option>
<option value="4">广东</option>
<option value="5">深圳</option>
</select>
文本域:textarea
<textarea rows="6" cols="40"></textarea>
rows=“行数”超过6行出现滚动条
cols=“列数”超过40列就换行