表格、表单

表格

<table
      border="1"
      width="500"
      height="500"
      align="center"
      style="text-align: center"
    >
      <caption>
        课程表
      </caption>
      <thead>
        <tr>
          <th>时间</th>
          <th>周一</th>
          <th>周二</th>
          <th>周三</th>
          <th>周四</th>
          <th>周五</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td rowspan="4">上午</td>
          <td>电脑</td>
          <td>电脑</td>
          <td>电脑</td>
          <td>电脑</td>
          <td>电脑</td>
        </tr>
        <tr>
          <!-- <td>电脑</td> -->
          <td>电脑</td>
          <td>电脑</td>
          <td>电脑</td>
          <td>电脑</td>
          <td>电脑</td>
        </tr>
        <tr>
          <!-- <td>电脑</td> -->
          <td>电脑</td>
          <td>电脑</td>
          <td>电脑</td>
          <td>电脑</td>
          <td>电脑</td>
        </tr>
        <tr>
          <!-- <td>电脑</td> -->
          <td>电脑</td>
          <td>电脑</td>
          <td>电脑</td>
          <td>电脑</td>
          <td>电脑</td>
        </tr>
        <tr>
          <td colspan="6">午休</td>
          <!-- <td>电脑</td>
          <td>电脑</td>
          <td>电脑</td>
          <td>电脑</td>
          <td>电脑</td> -->
        </tr>
        <tr>
          <td rowspan="4">下午</td>
          <td>电脑</td>
          <td>电脑</td>
          <td>电脑</td>
          <td>电脑</td>
          <td>电脑</td>
        </tr>
        <tr>
          <!-- <td>电脑</td> -->
          <td>电脑</td>
          <td>电脑</td>
          <td>电脑</td>
          <td>电脑</td>
          <td>电脑</td>
        </tr>
        <tr>
          <!-- <td>电脑</td> -->
          <td>电脑</td>
          <td>电脑</td>
          <td>电脑</td>
          <td>电脑</td>
          <td>电脑</td>
        </tr>
        <tr>
          <!-- <td>电脑</td> -->
          <td>电脑</td>
          <td>电脑</td>
          <td>电脑</td>
          <td>电脑</td>
          <td>电脑</td>
        </tr>
      </tbody>
      <tfoot>
        <tr>
          <td>备注</td>
          <td colspan="5">下午放学时间为17:30</td>
          <!-- <td></td>
          <td></td>
          <td></td>
          <td></td> -->
        </tr>
      </tfoot>
</table>

---

表单

<form action="#" method="post">
      <div class="filed" style="text-align: center">
        <h2>用户登录</h2>
        <div>
          <label for="email">邮箱:</label>
          <input
            type="email"
            id="email"
            name="email"
            placeholder="邮箱格式：user@mail.com"
            autofocus
            required
          />
        </div>
        <div>
          <label for="password">密码:</label>
          <input type="password" id="password" name="password" required />
        </div>
        <div>
          <button type="submit">登录</button>
          <button type="reset">重置</button>
        </div>
      </div>
</form>