实习的Day3（使用表格表单，html新特性）

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

表格属性

border	边框 默认值为0	像素值（px）
celspacing	设置单元格和单元格之间的间距	像素
cellpadding	设置单元格和单元格的间距	像素
width	表格的宽度	像素
height	表格的高度	像素
align	设置表格的水平对齐方式	像素

表头标签
一般表头文本加粗居中设置表头方法如下：
用替换即可

表头标题

表格的标题： caption

定义和用法

caption 元素定义表格标题。

<table>
   <caption>我是表格标题</caption>
</table>

注意：
caption 标签必须紧随 table 标签之后。你只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。

合并单元格
跨行合并：rowspan
跨列合并：colspan

总结表格：
1.html提供的表格是数据的方法
2.表格由行中的单元格组成
3.表格没有列元素，列的个数由单元格个数决定
4.表格不要纠结外观，css来管

表单标签
包括表单控件、提示信息、input控件（重点）、lable标签、textarea控件（文本域）、下拉菜单、表单域。

表单控件：
表单目的是为了收集用户信息。

在我们网页中， 我们也需要跟用户进行交互，收集用户资料，此时也需要表单。

在HTML中，一个完整的表单通常由表单控件（也称为表单元素）、提示信息和表单域3个部分构成。
表单控件：
包含了具体的表单功能项，如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。

表单控件：
包含了具体的表单功能项，如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。

提示信息：
一个表单中通常还需要包含一些说明性的文字，提示用户进行填写和操作。

表单域：
表单域相当于一个容器，用来容纳所有的表单控件和提示信息，可以通过他定义处理表单数据所用程序的url地址，以及数据提交到服务器的方法。如果不定义表单域，表单中的数据就无法传送到后台服务器。

input控件（单表签）

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

textarea控件(文本域)

如果需要输入大量的信息，就需要用到<textarea></textarea>标签。通过textarea控件可以轻松地创建多行文本输入框，其基本语法格式如下：

<textarea cols="每行的字符数" rows="显示的行数">
			
</textarea>

下拉菜单

使用select控件定义下拉菜单的基本语法格式如下

注意：

1. 中至少应包含一对。
2. 在option 中定义selected =" selected "时，当前项即为默认选中项。

表单域
在HTML中，form标签被用于定义表单域，即创建一个表单，以实现用户信息的收集和传递，form中的所有内容都会被提交给服务器。创建表单的基本语法格式如下：

action:  url地址
method:  提交方式
name :  表单的名称，区分同一界面的多个表单

常用新标签

• header：定义文档的页眉 头部

• nav：定义导航链接的部分

• footer：定义文档或节的页脚 底部

• article：定义文章。

• section：定义文档中的节（section、区段）

• aside：定义其所处内容之外的内容 侧边
  – datalist 标签定义选项列表。请与 input 元素配合使用该元素

• fieldset 元素可将表单内的相关元素分组，打包 legend 搭配使用

• legend:标题