html表格，表单学习

HTML表格是通过`<table>`元素来创建的，它允许网页开发者在网页上展示表格形式的数据。一个基本的HTML表格通常包含以下元素：
- `<table>`：定义一个表格。
- `<tr>`：定义表格中的一行。
- `<th>`：定义表格中的一个表头单元格（通常为粗体居中显示）。
- `<td>`：定义表格中的一个标准单元格。

例如，下面是一个简单的表格代码和它在网页上的显示效果：

<table border="1">
  <tr>
    <th>姓名</th>
    <th>年龄</th>
    <th>职业</th>
  </tr>
  <tr>
    <td>张三</td>
    <td>28</td>
    <td>工程师</td>
  </tr>
  <tr>
    <td>李四</td>
    <td>35</td>
    <td>设计师</td>
  </tr>
</table>

显示效果:
| 姓名 | 年龄 | 职业 |
|---|---|---|
| 张三 | 28 | 工程师 |
| 李四 | 35 | 设计师 |

HTML表单是通过`<form>`元素来创建的，它用于收集用户输入的数据。一个表单通常包含输入字段，如文本框、复选框、单选按钮、下拉菜单等，以及提交按钮来提交表单数据到服务器。

表单的常用元素包括：
- `<form>`：定义一个表单，可以包含表单元素。
- `<input>`：定义一个输入字段，如文本输入、复选框、单选按钮等。
- `<select>`：定义一个下拉列表。
- `<textarea>`：定义一个多行文本输入区域。
- `<button>`：定义一个按钮。
- `<label>`：定义一个标签元素，用于为输入元素定义标注。

以下是一个简单的表单示例代码：

<form action="/submit_form" method="post">
  <label for="name">姓名：</label>
  <input type="text" id="name" name="name"><br>

  <label>职业：</label>
  <select id="job" name="job">
    <option value="engineer">工程师</option>
    <option value="designer">设计师</option>
    <option value="teacher">教师</option>
  </select><br>

  <label for="description">描述：</label>
  <textarea id="description" name="description"></textarea><br>

  <input type="submit" value="提交">
</form>