<table> 是HTML标记，用于创建表格。它是一个容器标签，用于包裹表格的内容。
在 <table> 中，通常会使用其他表格相关的标签来定义行和单元格，如 <tr>（表示表格的一行）和 <td>（表示表格的一个单元格）。
以下是一个简单的示例，展示了如何使用 <table>、<tr> 和 <td> 来创建一个包含数据的表格：
<table> <tr> <td>姓名</td> <td>年龄</td> <td>性别</td> </tr> <tr> <td>张三</td> <td>30</td> <td>男</td> </tr> <tr> <td>李四</td> <td>25</td> <td>女</td> </tr> </table>
在浏览器中渲染后，以上代码将生成如下的表格：
1. -------------------------------- 2. | 姓名 | 年龄 | 性别 | 3. -------------------------------- 4. | 张三 | 30 | 男 | 5. -------------------------------- 6. | 李四 | 25 | 女 | 7. --------------------------------
要为HTML <table> 元素添加CSS样式，你可以通过将CSS属性和样式应用到该元素或其子元素来实现。
以下是一些常见的CSS属性和样式，可以应用于表格：
border：设置表格边框的样式，例如border: 1px solid black;。border-collapse：控制表格边框的合并方式，可以使用border-collapse: collapse;将相邻单元格的边框合并为单一边框。text-align：设置表格内容的水平对齐方式，例如text-align: center;可使内容居中对齐。background-color：设置表格或单元格的背景颜色，例如background-color: #f1f1f1;。color：设置表格或单元格的文本颜色，例如color: red;。font-size：设置表格或单元格的字体大小，例如font-size: 14px;。padding：设置表格或单元格的内边距，例如padding: 10px;。width和height：设置表格或单元格的宽度和高度，例如width: 100%;或width: 200px;。
可以通过在样式表（CSS文件）中或在HTML文件的<style>标签内添加相关的CSS代码来设置表格样式。例如：
<style> table { border: 1px solid black; border-collapse: collapse; } th, td { text-align: center; padding: 10px; } th { background-color: #f1f1f1; color: red; } </style> <table> <tr> <th>姓名</th> <th>年龄</th> <th>性别</th> </tr> <tr> <td>张三</td> <td>30</td> <td>男</td> </tr> <tr> <td>李四</td> <td>25</td> <td>女</td> </tr> </table>
<form> 标签用于创建表单，它包含了用户输入的字段以及提交按钮。你可以设置表单的属性来指定数据提交的目标URL、请求方法等。例如
<form action="/submit" method="post"> <!-- 表单字段和按钮会放在这里 --> </form>
<input> 标签用于创建各种类型的输入字段，如文本框、复选框、单选按钮等。通过指定不同的 type 属性，可以创建不同的输入框。例如：
<input type="text" name="username" placeholder="请输入用户名"> <input type="password" name="password" placeholder="请输入密码"> <input type="checkbox" name="agree" id="agree"> <label for="agree">我同意条款</label> <input type="radio" name="gender" value="male">男性 <input type="radio" name="gender" value="female">女性
<textarea> 标签用于创建多行的文本输入框。用户可以在其中输入多行文本。例如
<textarea name="message" rows="4" cols="50"></textarea>
<button> 标签用于创建按钮，可以用于提交表单或执行其他操作。例如：
<button type="submit">提交</button> <button type="button">取消</button>
<select> 标签用于创建下拉列表，用户可以从中选择一个选项。它可以包含多个 <option> 子元素或 <optgroup> 分组元素。例如：
<select name="fruit"> <option value="apple">苹果</option> <option value="banana">香蕉</option> <option value="orange">橙子</option> </select>
<optgroup>标签用于对 <select> 中的选项进行分组。你可以使用该标签来组织更复杂的选项结构。例如：
<select name="fruit"> <optgroup label="水果"> <option value="apple">苹果</option> <option value="banana">香蕉</option> <option value="orange">橙子</option> </optgroup> <optgroup label="蔬菜"> <option value="carrot">胡萝卜</option> <option value="cabbage">卷心菜</option> <option value="spinach">菠菜</option> </optgroup> </select>
<option> 标签表示 <select> 中的一个选项。它必须位于 <select> 或 <optgroup> 内部。你可以为每个选项指定一个值（通过 value 属性）以及显示在下拉列表中的文本。例如：
<select name="fruit"> <option value="apple">苹果</option> <option value="banana">香蕉</option> <option value="orange">橙子</option> </select>
