html基础必备-表格标记，前端小白一看就会
格
表格标记用于显示类似工作表的数据，这些数据以行和列的形式整齐地格式化。它们还可以用于设计页面布局。
表格 - <table> ... </table>
table标记用于定义表格，它包含所有行和列标记及其内容。表格必须始终至少有一行，有一些属性来定义表格布局。
- width="?" - 指定表格的宽度
- align="?" - 指定表格的水平对齐
- border="?" - 表格的边框大小
- cellspacing="?" - 单元格的间距
- cellpadding="?" - 单元格内容与边框的空白
表格标题 - <caption> ... </caption>
标记caption用于定义表格的标题。
行 - <tr> </tr>
tr标记表示表格中的行，必须出现在table标记中。
单元格 - <td> </td>
单元格是内容所在的地方，单元格必须存在于行中，行中的单元格数决定表中的列数，使用以下属性设置单元格属性：
- align="?" - 单元格中文本的水平对齐： left, center or right
- valign="?" - 单元格中文本的垂直对齐： top, middle or bottom.
- width="?" - 指定单元格的固定宽度，默认情况下只占据内容所需的空间
- colspan="?" - 列横跨允许单元格占据多列
- rowspan="?" - 行横跨允许单元格占据多行
- nowrap - 单元格中的文本不会换行到下一行。类似于段落的nobr标记
表头单元格 - <th> </th>
与普通单元格类似，表头单元格必须出现在行中，正常情况下位于表格第一行，浏览器对其进行加粗和居中。
例子
以下是表格的示例：
.注释标记(<!--…-->)
语法： <!--注释内容-->
2.文件标记(<html>…</html>)
语法： <html>…</html>
说明：<html>这对标记是HTML文件的标记。<html>处于文件的最前面，表示HTML文件的开始。即浏览器从<html>标记开始解释，直到遇到</html>标记为止。
3.文件头标记(<head>…</head>)
语法： <head>…</head>
说明：
①由head这组标记定义的元素中，并不放置网页的任何内容，是放置关于这份HTML文件的信息。就是说，它并不属于HTML文件的主体，它包含文件的标题、编码方式和URL等。这些信息大部分用于提供索引、辨认或其他应用。
②这对标记在HTML文件中并不是必需的。如果某个HTML文件并不需要提供相关信息，则可省略<head>标记。
4.文件标题标记(<title>…</title>)
语法： <title>文件标题文字</title>
说明：此标记用于设定HTML文件的标题名称，它将显示在浏览器的标题栏中。
注意：<title>标记用于<head>标记中。但如果HTML文件中没有使用<head>标记，则<title>标记仍然起作用。
5.文件主体标记(<body>…</body>)
语法： <body>…</body>
说明：
①由<body>标记所建立的元素是HTML文件的内容主体，也是HTML文件的重点所在。HTML文件中要显示在网页上的所有内容，也都放置在这个元素中。
②<body>具有一些特殊的属性，可以设定背景及字符颜色等。
单
表单允许我们发送和接收来自web页面的数据，表单的用途有：网站和论坛登录；注册信息；基于web的电子邮件；在线问卷调查等。
表单 - <form> ... </form>
所有表单元素（如输入框和按钮）必须位于表单标记内。在大多数情况下，表单必须设置name、action属性。
- name=“？” - 标识表单的唯一名称，由操作脚本使用。
- action=“url” - 提交时处理表单数据的脚本的地址（url）。在某些情况下，不需要操作URL，而是由web页面的JavaScript函数处理表单数据。
- method=“？” - 向操作脚本传送数据时使用的请求方法，post或get。例如，post用于提交用户注册的表单数据，get用于搜索或必须取得返回信息的表单。
输入字段 - <input>
用于为表单创建简单的文本输入字段，但也是许多其他表单输入类型的基础，使用type属性来指定不同类型。
- name=“？” - 输入字段被操作脚本使用时使用的唯一名称。
- type=“？” - 输入字段有几种类型，文本text、密码password、复选框checkbox、单选框radio、文件file、图像image、隐藏hidden都是最常见的。
- value=“？” - 输入字段在首次加载时显示的初始值或数据。
- size=“？” - 输入字段的大小或宽度，通常以数字字符宽度而不是像素定义。
- maxlength=“？” - 输入字段的最大长度，例如输入的最大字符数。
- checked - 与复选框类型和单选框类型一起使用，默认设置为已选中。
按钮 - <button>
按钮与表单输入字段类似，但有自己的一组属性：
- name=“？” - 按钮中操作脚本中的唯一名称。
- type=“？” - 按钮类型（submit或reset），提交submit还是重置reset。
- value=“？” - 按钮上显示的文本，例如“确定”或“提交”。
- size=“？” - 按钮的长度（或宽度）。
选择列表 - <select> ... </select>
下拉列表，也称为组合框，允许从项目列表中进行选择。
- name=“？” - 选择列表的名称
- size=“？”-选择列表的最小宽度，通常不需要，因为列表项的大小决定列表大小。
- multiple - 允许用户从列表中选择多个项目，默认为选。
选择项 - <option> </option>
option标记定义选择列表中的每一项，并且必须出现在select标记中。选择项的文本必须出现在选项标记之间。
- value=“？” - 该值是在选择项被选中的情况下发送到操作脚本的数据。注意，这不是在列表中显示的文本
- selected - 设置选择列表显示时的默认选项。
- 文本区域 - <textarea></textarea>
- 文本区域允许输入大量文本，并允许指定输入框的高度与，不像input标记只能有固定高度。
- name=“？” - 文本区域的唯一名称。
- rows=“？”-文本区域行数，定义文本区域的垂直大小。
- cols=“？”-文本区域水平大小，即列数，定义为字符数。
例子
浏览器显示的内容如下所示：
