学习01-html表格，表单，列表

表格

表格的构成：表格由<table>标签来定义表头为<th>，行为<tr>，列为<td>。

表格的标题标签：<caption>.。

表格的基本属性：

属性	含义	经常使用属性值
border	表格的边框，默认border=“0”无边框	像素px
width	表格的宽度	像素px
height	表格的高度	像素px
cellspacing	设置单元格与单元格边框之间的空白间距	像素px，默认2px
align	设置表格在网页中的水平对其方式	left，center，right
rowspan	跨行合并	像素px，默认1px
colspan	跨列合并	像素px，默认1px
border-collapse	单元格边框重叠部分的去除	collapse

表单

表单的语法：<input/>

属性	属性值	描述
type	text	单行文本输入框
type	radio	单选按钮
type	password	密码输入框
type	checkbox	复选框
type	button	普通按钮
type	submit	提交按钮
type	reset	重置按钮
type	image	图像按钮
type	file	文件域
name	由用户自定义	控件的名称
value	由用户自定义	默认文本值
size	正整数	在页面中显示宽度
checked	checked	定义控件选中的项
maxlength	正整数	控件容许输入的最多字符数

表单元素获取焦点：

第一种：用label直接包括input表单。

例子：<label>焦点:<inputtype="text"></label>

第二种：用for属性规定label与那个表单元素绑定。

例子：

<labelfor="sex">焦点:</label>

<inputtype="text"id="sex">

文本域

文本域：

<textareaname=""id=""cols="30"rows="10">文本域</textarea>

下拉列表

下拉列表：

<selectname=""id="">

<optionvalue="nex">苹果</option>

<optionvalue="nex">香蕉</option>

<optionvalue="nex">梨</option>

</select>

form表单

form表单：

<form action="url地址"method="提交方法"name="表单名称">

各类表单控件

</form>

列表

有序列表：

<ol>

<li></li>

</ol>

无序列表：

<ul>

<li></li>

</ul>

自定义列表：

<dl>

<dt></dt>

<dd></dd>

</dl>