列表、表格、和表单

列表

1.容器里面装载着结构，样式一致的文字或图表的一种形式叫列表。

2.列表最大的特点就是整齐、整洁、有序，跟表格类似。但列表的自由度更高。

3.列表分为有序列表、无序列表和自定义列表。

4.在前端开发中我们最常用的就是无序列表。

无序列表
<ul>
    <li></li>
</ul>
有序列表
<ol>
    <li></li>
</ol>
自定义列表
<dl>
    <dt></dt>
    <dd></dd>
</dl>

表格

1.创建表格的基本语法

<table>
  <tr>
    <td>单元格内的文字</td>
    ...
  </tr>
  ...
</table>

2.表格的主要目的是用来显示特殊数据的。

3.一个完整的表格有表格标签(table)，行标签(tr),单元格标签（td）组成，没有列的标签。

4.表格中的属性。这里列举两个比较重要的cellspacing、cellpadding。

cellpadding	设置单元格内容与单元格边框之间的空白间距。默认为1像素
cellspacing	设置单元格与单元格边框之间的空白间距。默认为2像素

5.合并单元格。两种方式rowspan和colspan，分别是跨行合并和跨列合并。合并单元格的顺序按照先上、后下、先左、后右的顺序。

6.对于比较复杂的表格，表格的结构也就相对复杂。所以又将表格分割成三个部分：表格头、正文和脚注。这三个部分分别用thead、tbody、tfoot来标注，这样能更好的愤青表格的结构。

7.以上的所有标签都放到table标签中。

表单

1.表单的目的是为了收集用户信息。

2.一个完整的表单通常由表单控件、提示信息和表单域三个部分组成。

表单控件	包含了具体的表单功能项。单行文本输入框、复选框、提交按钮等
提示信息	一些说明性的文字，提示用户进行填写和操作
表单域	容器。用来容纳表单控件和提示信息。可通过它定义处理表单数据所用程序的url地址，以及提交到服务器的方法。

表单控件

1.input控件

属性	说明	作用
type	表单类型	用来指定不同的控件类型
value	表单值	表单里默认显示的文本
name	表单名字	用于区别不同的表单
checked	默认选中	表示单选或复选按钮一开始就被选中了

2.label标签

目标：label标签主要目的是为了提高用户体验。

概念：label标签为input元素定义标注。

作用：用于绑定一个表单元素，当点击label标签的时候，被绑定的表单元素就会获得焦点。

在网页中列表是用来布局的；表格是用来展示数据的因为表格可以让数据显示的非常完整，可读性很好；表单的目的是为了收集用户的信息，可以将数据打包到后台。

3.textarea控件（文本域）

作用：通过textarea控件可以轻松地创建多行文本输入框。

form表单域

1.收集的用户信息通过form表单域传递给服务器。

2.在HTML中，form标签被用于定义表单域，以实现用户信息的收集和传递，form中的所有内容都会被提交给服务器。

3.每个表单都应该有自己的表单域。

常用属性

action	url地址	用于指定接收并处理表单数据的服务器程序的url地址
method	get/post	用于设置表单数据的提交方式
name	名称	用于指定表单的名称，以区分页面中的多个表单