表格
<table>
<tr> //行
<td>单元格的文字</td>
...
</tr>
...
</table>
< th>html表格的表头部分。居中加粗显示。
属性:
属性名 | 属性值 | 描述 |
---|---|---|
align | left,center,right | 表格相对周围元素的对其方式 |
border | 1或"" | 表格是否有边框,默认为"",表示没有边框 |
cellpadding | 像素值 | 单元边沿与其内容之间的空白,默认1像素 |
cellingspacing | 像素值 | 单元格之间的空白,默认2像素 |
width | 像素或百分比 | 表格的宽度 |
< thead>表格头部区域
< tbody>表格的主体区域
合并单元格
跨行合并:rowspan=“合并单元格的个数”。
跨列合并:colspan=“合并单元格的个数”。
列表
无序列表
<ul>
<li>列表项1</li>
<li>列表项2</li>
....
</ul>
注:
< ul>< /ul>只能嵌套< li>< /li>。
< li>< /li>相当于容器,可以容纳所有元素。
无序列表带有自己的样式属性。
有序列表
<ol>
<li>列表项1</li>
<li>列表项2</li>
...
</ol>
自定义列表
<dl>
<dt>名词1</dt>
<dd>名词1解释1</dd>
<dd>名词1解释2</dd>
</dl>
表单
<form action="URL" method="提交方式" name="表单域名称">
各种表单元素控件
</form>
method:get/post。
表单控件
input 输入表单元素
<input type="属性值">
type:
属性值 | 描述 |
---|---|
button | 定义可点击按钮 |
checkbox | 定义复选框 |
file | 定义输入字段和“浏览”按钮,供文件上传 |
hidden | 定义隐藏的输入字段 |
image | 定义图像形式提交按钮 |
password | 定义密码字段。该字段中的字符被掩盖 |
radio | 定义单选按钮 |
reset | 定义重置按钮。重置按钮会清除表单中的所有数据 |
submit | 定义提交按钮。提交按钮会把表单数据发送到服务器 |
text | 定义单行输入字段,用户可在其中输入文本。默认长度为20个字符 |
注:
name,value是每个表单元素都有的属性值,主要给后台人员使用。
name表单元素的名字,要求单选按钮和复选框要有相同的name值。
其他:
属性 | 属性值 | 描述 |
---|---|---|
name | 由用户定义 | 定义input元素名称 |
value | 由用户定义 | 规定input元素的值 |
checked | checked | 规定此input元素首次加载时应当被选中 |
maxlength | 正整数 | 规定输入字段中的字符的最大长度 |
< label>标签
< label>标签用于绑定一个表单元素,当点击< label>标签内的文本时,浏览器会自动将焦点(光标)转到或者选择对应的表单元素上,增加用户体验。
<label for="sex">男</label>
<input type="radio" name="sex" id="sex" />
< label>中的for属性和相关元素的id属性相同。
select 下拉表单元素
<select>
<option>选项1</option>
<option>选项2</option>
<option>选项3</option>
</select>
注:
在< option>中定义selected="selected"时,当前选项为默认选项。
textarea文本域
<textarea rows="3" cols="20">
文本内容
</textarea>
注:
cols=“每行中的字符数”,rows=“显示的行数”。