1*表格标签:可以对数据进行格式化,是数据显示更加清晰。
表格的标题:<caption></caption>
<table></table>:表示表格的范围
—border:表格线
—bordercolor:表格线的颜色
—cellspacing:单元格直接的距离
—width:表格的宽度
—height:表格的高度
在table里面<tr></tr>:表示行
—设置显示方式 align:left(居左) center(居中) right(居右)
在tr里面写<td></td>:表示单元格
th也可以表示单元格(居中加粗)
合并单元格:rowspan:跨行
colspan:跨列
2、表单标签(很重要):可以提交数据到网站的服务器,这个过程可以使用表单标签实现;
<form></form>:定义表单范围
属性:action:提交到的地址,默认当前地址
method:表单提交方式,常见的有get和post两种,默认是get请求
get和post的区别:
① 、get请求地址栏会携带提交的数据,post不会携带(请求体)
② 、get请求安全性级别较低,post较高
③ 、get请求数据大小的限制,post没有限制
enctype:做文件上传时需要。
输入项:可以输入内容或者选择内容的部分
大部分的输入项使用<input type=”输入项的类型”/>
普通输入项:<input type=”text”/>
密码输入项:<input type=”password”/>
单选输入项:<input type=”radio”/>女<input type=”radio”/>男
在里面需要属性name;name的属性值必须要相同,还要有value值。默认选中:加上checked=”checked”。
复选输入项:<input type=”checkbox”/>
在里面需要属性name;name的属性值必须要相同,还要有value值。默认选中:加上checked=”checked”。
文件输入项:<input type=”file”/>
下拉输入项:(不是在input标签里面)
例:生日:<select name="birth">
<option value="1998">1998</option>
<option value="1999">1999</option>
<option value="2000">2000</option>
<option value="2001">2001</option>
</select>
默认选中:加上selected=”selected”
文本域:<textarea cols=”10” rows=”20”></textarea>
隐藏项:<input type=”hidden”/>
提交按钮:<input type=”submit” value=”注册 ”/>
图片提交:<input type=”image” src=”图片路径”/>
重置按钮:回到输入项的初始状态。 <input type=”reset”/>
普通按钮:和js一起使用 。<input type=”button” value=” ”/>