表格与标签

创建表格

创建表格需要三对HTML标签
分别是

 <table>
        <tr>
            <td>表格内的文字</td>
            ...
        </tr>
    </table>
表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。

表格属性

</table>

标题

属性名	含义	常用属性值
border	设置表格的边框（默认border="0"是无边框)	像素值
cellspacing	设置单元格与单元格边框之间的空白间距	像素值（默认为2）
cellspadding	设置单元格内容与单元格边框之间的空白间距	像素值（默认为1）
width	设置表格的宽度	像素值
height	设置表格的高度	像素值
align	设置表格在网页中的水平对齐方式	left，center，right

表格结构

表格布局中可以将表格划分为头部，主题和页脚

<thead></thead>:用于定义表格头部。
<tbody></tbody>用于定义表格的主体
<tfoot></tfoot>用于定义表格的页脚

表格标题

表格的标题：caption
caption标签必须紧随table标签之后。只能对每个表格定义一个标题

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

合并单元格

跨行合并：rowspan；
跨列合并：colspan
公式：删除的个数=合并的个数-1
合并的顺序 先上 先左

表单标签

HTML 表单用于搜集不同类型的用户输入。
HTML 表单包含表单元素
表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。

input控件

type属性是input标签的最基本的属性除了type之外还可以定义很多其他的属性
例如

标题

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

textarea控件

用于输入大量的信息
基本语法格式如下：

文本内容

下拉菜单

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

<select>
		<option>选项一</option>
		<option>选项二</option>
		<option>选项三</option>
		...
</select>

注意：
在option中定义selected=”selecte“时，当前项即为默认选中项。

表单域

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

<form action="url地址" method="提交方式" name="表单名称">
各种表单控件
</form>

常用属性Action
1.在表单收集到信息后，需要将信息传递给服务器心处理，action属性用于指定接收并处理表单数据的服务器程序的URL地址。
2.method用于设置表单数据的提交方式，其取值为get或post。
3.name用于指定表单的名称，以区分同一个页面中的多个表单
注意：每个表单都应该有自己的表单域