2021-03-04

1.html中的表格
table标记—表示一个表格
tr标记—表示表格里的行
td标记—表示表格行里的列
table标记包含tr标记，tr标记包含td标记
border—设置表格边框【数字px】
width—设置表格的宽度【数字px】
height—设置表格的高度【数字px】
cellspacing—设置表格单元格之间的间距【数字px】
cellpadding—设置表格单元格与单元格中内容之间的距离【数字px】
align—如果出现在table中设置表格的水平对齐方式
align—如果出现在tr中设置表格中当前行的水平对齐方式
align—如果出现在td中设置表格中当前列的水平对齐方式
valign—如果出现在table中没有任何效果
valign—如果出现在tr设置表格中当前行的垂直对齐方式
valign—如果出现在td设置表格中当前列的垂直对齐方式
valign取值【top上 /middle中 /bottom下】
bgcolor—如果出现在table中设置整个表格的背景色
bgcolor—如果出现在tr中设置当前行的背景色
bgcolor—如果出现在td中设置当前列的背景色
background—如果出现在table中设置表格的背景图片
background—如果出现在tr中设置当前行的背景图片
background—如果出现在td中设置当前列的背景图片
2.关于表格的跨行和跨列
跨列【左右合并单元格】—给td上设置colspan属性，需要跨几个列那么就写数字几。
跨行【上下合并单元格】—给td上设置rowspan属性，需要跨几个行那么就写数字几。
3.html中的表单
<form></form>—表示一个表单【通常是用来采集信息之后提交给后台处理程序用的】
注册、登陆、完善个人信息等等都是用表单来完成。
action属性—后台处理程序的访问路径。
method属性—当前表单数据提交给后台处理程序的提交方式
【get[默认]/post】
当表单中需要上传文件时表单的提交方式一定是post
enctype属性—规定在将表单数据发送到后台处理程序之前如何对其进行编码
4.表单元素
文本框
<input type="text" name="wenbenkuang" value="默认值"/>
name属性标识这个输入组件的名称
type属性就是这个组件的样子
value属性表示默认值
密码框
<input type="password" name="mimakuang" value="123456"/>
单选按钮
<input type="radio" name="sex" value="nan" checked="checked"/>男
注意：有多个单选按钮时，为了保证每次只能选一个，要求name属性值要相同。“男”给用户看的，value表提交到后台的数据值。
checked="checked"设置默认被选中。
复选框
<input type="checkbox" name="fuxuankaung" value="book" checked="checked"/>看书
注意：有多个复选框时,要求name属性值要相同.
“看书”给用户看的，value值提交到后台的数据值。
checked="checked"设置默认被选中。
日期框
<input type="date" name="riqikaung" />
文件
<input type="file" name="filekaung"/>
隐藏域
<input type="hidden" name="hiddenkaung" value="111111"/>
value="111111"提交给后台处理程序的数据值
下拉列表

<select name="xialaleibiao">
<option value="sx">陕西省
</option>			
<option value="gs">甘肃省</option>			
<option value="sc">四川省</option>			
<option value="hb">河北省</option>			
</select>

注意：option–下拉列表中的每一项
value表示提交给后台处理程序的数据值
“陕西省”给用户看的

文本域
<textarea cols="22" rows="5"></textarea>
注意：cols–列数设置宽度,rows–行数设置高度
输入超过大小空间之后自带滚动条
普通按钮
<input type="button" value="普通按钮"/>
value表示的是按钮上显示的文本值
表单提交按钮
<input type="submit" value="表单提交按钮"/>
注意：value表示的是按钮上显示的文本值
提交表单输入数据给后台处理程序
表单重置按钮
<input type="reset" value="表单重置按钮"/>
注意：value表示的是按钮上显示的文本值
恢复表单的输入到初始状态
颜色框
<input type="color" name="yansekaung"/>
邮箱
<input type="email" name="emailkaung"/>
注意：提交是会被进行校验
电话
<input type="tel" name="telkaung"/>
网址<input type="url" name="urlkaung"/>
注意：提交是会被进行校验