表格:
<table>
<tr>
<th></th> //表头
</tr>
<tr>
<td></td> //单元格
</tr>
</table>
table的属性主要有:border:表格变宽大小,border-color:表框颜色,background:单元格的颜色 或者单元格的背景图片,rowspan=“”合并列,colspan=“”合并行,alifn=“”单元格的文字居中或居右,cellpadding:单元格填充,cellspacing:消除单元格边距。
表单:
<input type="" name="" size="" /> type的值设置为:text,则为文本框;password为密码框;vadio为单选按钮,CheckBox为复选框,submit为提交按钮,reset为重置按钮,值得注意的是reset必须设置在有<form></form>中,才有重置效果,反之则无,例:
<form action="">
<label>用户名:</label><input type="text" placeholder="手机/邮箱/用户名" /><!--文本框-->
<label>密码框:</label><input type="password" placeholder="请输入密码" /><!--密码框-->
<label>确认密码:</label><input type="password" placeholder="请确认密码" />
男<input type="radio" name="sex"/><!--单选按钮-->
女<input type="radio" name="sex"/>
不明<input type="radio" name="sex"/><br /><br />
一胎<input type="checkbox" /><!--复选框-->
二胎<input type="checkbox" />
多台<input type="checkbox" />
<input type="submit" value="确认"/><!--按钮-->
<input type="button" id="" value="删除" />
<button>提交</button>
<select name=""><!--下拉列表-->
<option value="">广东</option>
<option value="" selected="selected">广西</option>
<option value="">湖南</option>
<option value="">湖北</option>
<option value="">河南</option>
</select><br /><br />
<textarea style="resize: none;" rows="10" cols="30"></textarea>
<input type="reset" name="" id="" value="重置" /><!--重置按钮-->
</form>
如果重置按钮设置在form外面则无效。
color:设置字体颜色;name为该标签的命名,size为可输入长度,在单选按钮中,设置:checked=“checked”则为默认选中;placeholder=“”;设置文本框灰色内容。
下拉框:
<select name=""><!--下拉列表-->
<option value="">广东</option>
<option value="" selected="selected">广西</option>
<option value="">湖南</option>
<option value="">湖北</option>
<option value="">河南</option>
</select><br /><br />
selected="selected" 表示默认选中该项。
多文本框(个人介绍):
<textarea style="resize: none;" rows="10" cols="30"></textarea>
resize表示该多文本框不能在浏览器中改变大小。